@elliemae/ds-dialog 3.60.0-next.9 → 3.70.0-next.1

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

@@ -34,6 +34,7 @@ __export(react_desc_prop_types_exports, {
 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");
 var import_utils = require("./utils.js");
 const defaultProps = {
   isOpen: false,
@@ -47,6 +48,7 @@ const defaultProps = {
   }
 };
 const propTypes = {
+  ...(0, import_ds_props_helpers.getPropsPerSlotPropTypes)(import_constants.DSDialogName, import_constants.DIALOG_SLOTS),
   ...import_ds_props_helpers.globalAttributesPropTypes,
   isOpen: import_ds_props_helpers.PropTypes.bool.description("Whether the Dialog is open or not.").defaultValue(false),
   children: import_ds_props_helpers.PropTypes.node.description("Nested components.").isRequired,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/react-desc-prop-types.ts", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import type { GlobalAttributesT } from '@elliemae/ds-props-helpers';\nimport { globalAttributesPropTypes, PropTypes } from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport { DSDialogSizes, DSDialogSizesArrayValues } from './utils.js';\n\nexport declare namespace DSDialogT {\n  export type Sizes = 'default' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large';\n\n  export interface DefaultProps {\n    isOpen: boolean;\n    centered: boolean;\n    size: Sizes;\n    removeAutoFocus: boolean;\n    onClickOutside: () => void;\n    onClose: () => void;\n    width: string | number;\n  }\n\n  export interface RequiredProps {\n    children: TypescriptHelpersT.ReactChildrenComplete;\n  }\n\n  export interface OptionalProps {\n    zIndex?: number;\n    portalRef?: React.MutableRefObject<HTMLElement | null> | null;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      RequiredProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, 'size' | 'width' | 'children'> {}\n\n  export interface InternalProps extends DefaultProps, RequiredProps, OptionalProps {}\n}\n\nexport const defaultProps: DSDialogT.DefaultProps = {\n  isOpen: false,\n  centered: false,\n  size: DSDialogSizes.DEFAULT,\n  width: '',\n  removeAutoFocus: false,\n  onClickOutside: () => {},\n  onClose: () => {},\n};\n\nexport const propTypes = {\n  ...globalAttributesPropTypes,\n  isOpen: PropTypes.bool.description('Whether the Dialog is open or not.').defaultValue(false),\n  children: PropTypes.node.description('Nested components.').isRequired,\n  centered: PropTypes.bool.description('Centers the Dialog.').defaultValue(false),\n  removeAutoFocus: PropTypes.bool\n    .description(\n      'Removes focus in the Dialog container when is open. If you want to focus an specific element in the Dialog, it should be set to true.',\n    )\n    .defaultValue(false),\n  onClickOutside: PropTypes.func\n    .description('Callback that should be used to close the modal when the user clicks outside.')\n    .defaultValue(() => {}),\n  onClose: PropTypes.func.description('Callback triggered with ESC key.').defaultValue(() => {}),\n  size: PropTypes.oneOf(DSDialogSizesArrayValues)\n    .description(`Dialog's width size.`)\n    .defaultValue(DSDialogSizes.DEFAULT),\n  width: PropTypes.string.description('Dialog width.'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,8BAAqD;AAErD,mBAAwD;AAiCjD,MAAM,eAAuC;AAAA,EAClD,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,MAAM,2BAAc;AAAA,EACpB,OAAO;AAAA,EACP,iBAAiB;AAAA,EACjB,gBAAgB,MAAM;AAAA,EAAC;AAAA,EACvB,SAAS,MAAM;AAAA,EAAC;AAClB;AAEO,MAAM,YAAY;AAAA,EACvB,GAAG;AAAA,EACH,QAAQ,kCAAU,KAAK,YAAY,oCAAoC,EAAE,aAAa,KAAK;AAAA,EAC3F,UAAU,kCAAU,KAAK,YAAY,oBAAoB,EAAE;AAAA,EAC3D,UAAU,kCAAU,KAAK,YAAY,qBAAqB,EAAE,aAAa,KAAK;AAAA,EAC9E,iBAAiB,kCAAU,KACxB;AAAA,IACC;AAAA,EACF,EACC,aAAa,KAAK;AAAA,EACrB,gBAAgB,kCAAU,KACvB,YAAY,+EAA+E,EAC3F,aAAa,MAAM;AAAA,EAAC,CAAC;AAAA,EACxB,SAAS,kCAAU,KAAK,YAAY,kCAAkC,EAAE,aAAa,MAAM;AAAA,EAAC,CAAC;AAAA,EAC7F,MAAM,kCAAU,MAAM,qCAAwB,EAC3C,YAAY,sBAAsB,EAClC,aAAa,2BAAc,OAAO;AAAA,EACrC,OAAO,kCAAU,OAAO,YAAY,eAAe;AACrD;",
+  "sourcesContent": ["import type { GlobalAttributesT } from '@elliemae/ds-props-helpers';\nimport { getPropsPerSlotPropTypes, globalAttributesPropTypes, PropTypes } from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport { DIALOG_SLOTS, DSDialogName } from './constants/index.js';\nimport { DSDialogSizes, DSDialogSizesArrayValues } from './utils.js';\n\nexport declare namespace DSDialogT {\n  export type Sizes = 'default' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large';\n\n  export interface DefaultProps {\n    isOpen: boolean;\n    centered: boolean;\n    size: Sizes;\n    removeAutoFocus: boolean;\n    onClickOutside: () => void;\n    onClose: () => void;\n    width: string | number;\n  }\n\n  export interface RequiredProps {\n    children: TypescriptHelpersT.ReactChildrenComplete;\n  }\n\n  export interface OptionalProps\n    extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSDialogName, typeof DIALOG_SLOTS> {\n    zIndex?: number;\n    portalRef?: React.MutableRefObject<HTMLElement | null> | null;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      RequiredProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, 'size' | 'width' | 'children'> {}\n\n  export interface InternalProps extends DefaultProps, RequiredProps, OptionalProps {}\n}\n\nexport const defaultProps: DSDialogT.DefaultProps = {\n  isOpen: false,\n  centered: false,\n  size: DSDialogSizes.DEFAULT,\n  width: '',\n  removeAutoFocus: false,\n  onClickOutside: () => {},\n  onClose: () => {},\n};\n\nexport const propTypes = {\n  ...getPropsPerSlotPropTypes(DSDialogName, DIALOG_SLOTS),\n  ...globalAttributesPropTypes,\n  isOpen: PropTypes.bool.description('Whether the Dialog is open or not.').defaultValue(false),\n  children: PropTypes.node.description('Nested components.').isRequired,\n  centered: PropTypes.bool.description('Centers the Dialog.').defaultValue(false),\n  removeAutoFocus: PropTypes.bool\n    .description(\n      'Removes focus in the Dialog container when is open. If you want to focus an specific element in the Dialog, it should be set to true.',\n    )\n    .defaultValue(false),\n  onClickOutside: PropTypes.func\n    .description('Callback that should be used to close the modal when the user clicks outside.')\n    .defaultValue(() => {}),\n  onClose: PropTypes.func.description('Callback triggered with ESC key.').defaultValue(() => {}),\n  size: PropTypes.oneOf(DSDialogSizesArrayValues)\n    .description(`Dialog's width size.`)\n    .defaultValue(DSDialogSizes.DEFAULT),\n  width: PropTypes.string.description('Dialog width.'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,8BAA+E;AAE/E,uBAA2C;AAC3C,mBAAwD;AAkCjD,MAAM,eAAuC;AAAA,EAClD,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,MAAM,2BAAc;AAAA,EACpB,OAAO;AAAA,EACP,iBAAiB;AAAA,EACjB,gBAAgB,MAAM;AAAA,EAAC;AAAA,EACvB,SAAS,MAAM;AAAA,EAAC;AAClB;AAEO,MAAM,YAAY;AAAA,EACvB,OAAG,kDAAyB,+BAAc,6BAAY;AAAA,EACtD,GAAG;AAAA,EACH,QAAQ,kCAAU,KAAK,YAAY,oCAAoC,EAAE,aAAa,KAAK;AAAA,EAC3F,UAAU,kCAAU,KAAK,YAAY,oBAAoB,EAAE;AAAA,EAC3D,UAAU,kCAAU,KAAK,YAAY,qBAAqB,EAAE,aAAa,KAAK;AAAA,EAC9E,iBAAiB,kCAAU,KACxB;AAAA,IACC;AAAA,EACF,EACC,aAAa,KAAK;AAAA,EACrB,gBAAgB,kCAAU,KACvB,YAAY,+EAA+E,EAC3F,aAAa,MAAM;AAAA,EAAC,CAAC;AAAA,EACxB,SAAS,kCAAU,KAAK,YAAY,kCAAkC,EAAE,aAAa,MAAM;AAAA,EAAC,CAAC;AAAA,EAC7F,MAAM,kCAAU,MAAM,qCAAwB,EAC3C,YAAY,sBAAsB,EAClC,aAAa,2BAAc,OAAO;AAAA,EACrC,OAAO,kCAAU,OAAO,YAAY,eAAe;AACrD;",
   "names": []
 }

package/dist/cjs/styles.js

@@ -28,15 +28,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var styles_exports = {};
 __export(styles_exports, {
-  DSDialogAddon: () => DSDialogAddon,
-  DSDialogBody: () => DSDialogBody,
-  DSDialogDefaultLayout: () => DSDialogDefaultLayout,
-  DSDialogFooter: () => DSDialogFooter,
-  DSDialogHeader: () => DSDialogHeader,
-  DSDialogPrimaryMessage: () => DSDialogPrimaryMessage,
-  DSDialogSecondaryMessage: () => DSDialogSecondaryMessage,
-  DSDialogSeparator: () => DSDialogSeparator,
-  DSDialogTitle: () => DSDialogTitle,
   PortalStyles: () => PortalStyles,
   StyledDialogBackground: () => StyledDialogBackground,
   StyledDialogContainer: () => StyledDialogContainer
@@ -44,6 +35,7 @@ __export(styles_exports, {
 module.exports = __toCommonJS(styles_exports);
 var React = __toESM(require("react"));
 var import_ds_system = require("@elliemae/ds-system");
+var import_constants = require("./constants/index.js");
 var import_utils = require("./utils.js");
 const PortalStyles = import_ds_system.createGlobalStyle`
   ${({ portalClassName }) => `.${portalClassName}`} {
@@ -51,7 +43,10 @@ const PortalStyles = import_ds_system.createGlobalStyle`
     ${({ portalInfo }) => portalInfo.scrollbarWidth !== "0px" ? `padding-right: calc( ${portalInfo.paddingRight} + ${portalInfo.scrollbarWidth} ) !important;` : ``}
   }
 `;
-const StyledDialogBackground = import_ds_system.styled.div`
+const StyledDialogBackground = (0, import_ds_system.styled)("div", {
+  name: import_constants.DSDialogName,
+  slot: import_constants.DIALOG_SLOTS.BACKGROUND
+})`
   position: fixed;
   top: 0;
   bottom: 0;
@@ -62,7 +57,10 @@ const StyledDialogBackground = import_ds_system.styled.div`
   overflow-y: auto;
   z-index: ${({ zIndex, theme }) => zIndex ?? theme.zIndex.dialog};
 `;
-const StyledDialogContainer = import_ds_system.styled.div`
+const StyledDialogContainer = (0, import_ds_system.styled)("div", {
+  name: import_constants.DSDialogName,
+  slot: import_constants.DIALOG_SLOTS.CONTAINER
+})`
   height: fit-content;
   position: absolute;
   top: 0;
@@ -71,75 +69,14 @@ const StyledDialogContainer = import_ds_system.styled.div`
   right: 0;
   margin: ${({ centered }) => centered ? "auto" : "20vh auto auto auto"};
   width: ${({ size, width }) => width === "" ? import_utils.allSizes[size] : width};
-  min-width: 300px;
-  box-shadow: 0 10px 20px 0 ${({ theme }) => theme.colors.neutral[500]};
+  min-width: 320px;
+  box-shadow: ${({ theme }) => theme.shadows.s};
   background: ${({ theme }) => theme.colors.neutral["000"]};
   overflow-y: auto;
   &:focus {
     outline: none;
   }
   max-height: 100vh;
-`;
-const DSDialogTitle = import_ds_system.styled.h3`
-  font-size: ${({ theme }) => theme.fontSizes.title[700]};
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  line-height: 1.5;
-  margin: 0;
-`;
-const DSDialogAddon = import_ds_system.styled.div``;
-const DSDialogHeader = (0, import_ds_system.styled)("div")`
-  display: grid;
-  align-items: center;
-  grid-auto-flow: column;
-  min-height: ${({ theme }) => theme.space.m};
-  padding: 10px ${({ theme }) => theme.space.xs};
-  & ${DSDialogTitle} + ${DSDialogAddon} {
-    align-self: flex-start;
-    justify-self: flex-end;
-  }
-  & ${DSDialogAddon}:only-child {
-    justify-self: flex-end;
-  }
-  ${import_ds_system.xStyledCommonProps}
-`;
-const DSDialogSeparator = import_ds_system.styled.hr.attrs(() => ({ "aria-hidden": true }))`
-  margin: 0;
-  border-top: 1px solid ${({ theme }) => theme.colors.neutral["080"]};
-`;
-const DSDialogBody = (0, import_ds_system.styled)("div")`
-  padding: ${({ theme }) => theme.space.xs};
-  overflow-y: auto;
-  ${import_ds_system.xStyledCommonProps}
-`;
-const DSDialogPrimaryMessage = import_ds_system.styled.h3`
-  margin: 0;
-`;
-const DSDialogSecondaryMessage = import_ds_system.styled.p`
-  margin: 0;
-  color: ${({ theme }) => theme.colors.neutral[500]};
-`;
-const DSDialogDefaultLayout = (0, import_ds_system.styled)("div")`
-  display: grid;
-  grid-auto-flow: row;
-  justify-items: center;
-  align-items: center;
-  grid-gap: ${({ theme }) => theme.space.xxs};
-
-  ${DSDialogSecondaryMessage} {
-    text-align: center;
-  }
-`;
-const DSDialogFooter = (0, import_ds_system.styled)("div")`
-  display: grid;
-  grid-auto-flow: column;
-  align-items: center;
-  justify-content: flex-end;
-  grid-gap: ${({ theme }) => theme.space.xxs};
-  min-height: ${({ theme }) => theme.space.m};
-  padding: 0 ${({ theme }) => theme.space.xs};
-  ${import_ds_system.xStyledCommonProps}
+  min-height: 49px;
 `;
 //# sourceMappingURL=styles.js.map

package/dist/cjs/styles.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/styles.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\nimport { styled, createGlobalStyle, xStyledCommonProps } from '@elliemae/ds-system';\nimport type { XstyledProps } from '@elliemae/ds-props-helpers';\nimport { allSizes } from './utils.js';\nimport type { DSDialogT } from './react-desc-prop-types.js';\nimport type { DSDialogInternalsT } from './sharedTypes.js';\n\ninterface PortalStylesT {\n  portalInfo: DSDialogInternalsT.PortalInfo;\n  portalClassName: string;\n}\n\ninterface StyledDialogBackgroundT {\n  zIndex?: number;\n}\n\ninterface StyledDialogContainerT {\n  size: DSDialogT.Sizes;\n  centered: boolean;\n  width: number | string;\n}\n\nexport const PortalStyles = createGlobalStyle<PortalStylesT>`\n  ${({ portalClassName }) => `.${portalClassName}`} {\n    overflow: hidden;\n    ${({ portalInfo }) =>\n      portalInfo.scrollbarWidth !== '0px'\n        ? `padding-right: calc( ${portalInfo.paddingRight} + ${portalInfo.scrollbarWidth} ) !important;`\n        : ``}\n  }\n`;\n\nexport const StyledDialogBackground = styled.div<StyledDialogBackgroundT>`\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba(37, 41, 47, 50%);\n  overflow-y: auto;\n  z-index: ${({ zIndex, theme }) => zIndex ?? theme.zIndex.dialog};\n`;\n\nexport const StyledDialogContainer = styled.div<StyledDialogContainerT>`\n  height: fit-content;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  margin: ${({ centered }) => (centered ? 'auto' : '20vh auto auto auto')};\n  width: ${({ size, width }) => (width === '' ? allSizes[size] : width)};\n  min-width: 300px;\n  box-shadow: 0 10px 20px 0 ${({ theme }) => theme.colors.neutral[500]};\n  background: ${({ theme }) => theme.colors.neutral['000']};\n  overflow-y: auto;\n  &:focus {\n    outline: none;\n  }\n  max-height: 100vh;\n`;\n\nexport const DSDialogTitle = styled.h3`\n  font-size: ${({ theme }) => theme.fontSizes.title[700]};\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  line-height: 1.5;\n  margin: 0;\n`;\n\nexport const DSDialogAddon = styled.div``;\n\nexport const DSDialogHeader = styled('div')<React.PropsWithChildren & XstyledProps>`\n  display: grid;\n  align-items: center;\n  grid-auto-flow: column;\n  min-height: ${({ theme }) => theme.space.m};\n  padding: 10px ${({ theme }) => theme.space.xs};\n  & ${DSDialogTitle} + ${DSDialogAddon} {\n    align-self: flex-start;\n    justify-self: flex-end;\n  }\n  & ${DSDialogAddon}:only-child {\n    justify-self: flex-end;\n  }\n  ${xStyledCommonProps}\n`;\n\nexport const DSDialogSeparator = styled.hr.attrs(() => ({ 'aria-hidden': true }))`\n  margin: 0;\n  border-top: 1px solid ${({ theme }) => theme.colors.neutral['080']};\n`;\n\nexport const DSDialogBody = styled('div')`\n  padding: ${({ theme }) => theme.space.xs};\n  overflow-y: auto;\n  ${xStyledCommonProps}\n`;\n\nexport const DSDialogPrimaryMessage = styled.h3`\n  margin: 0;\n`;\n\nexport const DSDialogSecondaryMessage = styled.p`\n  margin: 0;\n  color: ${({ theme }) => theme.colors.neutral[500]};\n`;\n\nexport const DSDialogDefaultLayout = styled('div')<React.PropsWithChildren>`\n  display: grid;\n  grid-auto-flow: row;\n  justify-items: center;\n  align-items: center;\n  grid-gap: ${({ theme }) => theme.space.xxs};\n\n  ${DSDialogSecondaryMessage} {\n    text-align: center;\n  }\n`;\n\nexport const DSDialogFooter = styled('div')`\n  display: grid;\n  grid-auto-flow: column;\n  align-items: center;\n  justify-content: flex-end;\n  grid-gap: ${({ theme }) => theme.space.xxs};\n  min-height: ${({ theme }) => theme.space.m};\n  padding: 0 ${({ theme }) => theme.space.xs};\n  ${xStyledCommonProps}\n`;\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;ACAA,YAAuB;ADCvB,uBAA8D;AAE9D,mBAAyB;AAmBlB,MAAM,eAAe;AAAA,IACxB,CAAC,EAAE,gBAAgB,MAAM,IAAI,eAAe,EAAE;AAAA;AAAA,MAE5C,CAAC,EAAE,WAAW,MACd,WAAW,mBAAmB,QAC1B,wBAAwB,WAAW,YAAY,MAAM,WAAW,cAAc,mBAC9E,EAAE;AAAA;AAAA;AAIL,MAAM,yBAAyB,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAShC,CAAC,EAAE,QAAQ,MAAM,MAAM,UAAU,MAAM,OAAO,MAAM;AAAA;AAG1D,MAAM,wBAAwB,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAOhC,CAAC,EAAE,SAAS,MAAO,WAAW,SAAS,qBAAsB;AAAA,WAC9D,CAAC,EAAE,MAAM,MAAM,MAAO,UAAU,KAAK,sBAAS,IAAI,IAAI,KAAM;AAAA;AAAA,8BAEzC,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA,gBACtD,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQnD,MAAM,gBAAgB,wBAAO;AAAA,eACrB,CAAC,EAAE,MAAM,MAAM,MAAM,UAAU,MAAM,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASjD,MAAM,gBAAgB,wBAAO;AAE7B,MAAM,qBAAiB,yBAAO,KAAK;AAAA;AAAA;AAAA;AAAA,gBAI1B,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,CAAC;AAAA,kBAC1B,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,EAAE;AAAA,MACzC,aAAa,MAAM,aAAa;AAAA;AAAA;AAAA;AAAA,MAIhC,aAAa;AAAA;AAAA;AAAA,IAGf,mCAAkB;AAAA;AAGf,MAAM,oBAAoB,wBAAO,GAAG,MAAM,OAAO,EAAE,eAAe,KAAK,EAAE;AAAA;AAAA,0BAEtD,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAG7D,MAAM,mBAAe,yBAAO,KAAK;AAAA,aAC3B,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,EAAE;AAAA;AAAA,IAEtC,mCAAkB;AAAA;AAGf,MAAM,yBAAyB,wBAAO;AAAA;AAAA;AAItC,MAAM,2BAA2B,wBAAO;AAAA;AAAA,WAEpC,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAG5C,MAAM,4BAAwB,yBAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,cAKnC,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,GAAG;AAAA;AAAA,IAExC,wBAAwB;AAAA;AAAA;AAAA;AAKrB,MAAM,qBAAiB,yBAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,cAK5B,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,GAAG;AAAA,gBAC5B,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,CAAC;AAAA,eAC7B,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,EAAE;AAAA,IACxC,mCAAkB;AAAA;",
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport { styled, createGlobalStyle } from '@elliemae/ds-system';\nimport { DIALOG_SLOTS, DSDialogName } from './constants/index.js';\nimport { allSizes } from './utils.js';\nimport type { DSDialogT } from './react-desc-prop-types.js';\nimport type { DSDialogInternalsT } from './sharedTypes.js';\n\ninterface PortalStylesT {\n  portalInfo: DSDialogInternalsT.PortalInfo;\n  portalClassName: string;\n}\n\ninterface StyledDialogBackgroundT {\n  zIndex?: number;\n}\n\ninterface StyledDialogContainerT {\n  size: DSDialogT.Sizes;\n  centered: boolean;\n  width: number | string;\n}\n\nexport const PortalStyles = createGlobalStyle<PortalStylesT>`\n  ${({ portalClassName }) => `.${portalClassName}`} {\n    overflow: hidden;\n    ${({ portalInfo }) =>\n      portalInfo.scrollbarWidth !== '0px'\n        ? `padding-right: calc( ${portalInfo.paddingRight} + ${portalInfo.scrollbarWidth} ) !important;`\n        : ``}\n  }\n`;\n\nexport const StyledDialogBackground = styled('div', {\n  name: DSDialogName,\n  slot: DIALOG_SLOTS.BACKGROUND,\n})<StyledDialogBackgroundT>`\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba(37, 41, 47, 50%);\n  overflow-y: auto;\n  z-index: ${({ zIndex, theme }) => zIndex ?? theme.zIndex.dialog};\n`;\n\nexport const StyledDialogContainer = styled('div', {\n  name: DSDialogName,\n  slot: DIALOG_SLOTS.CONTAINER,\n})<StyledDialogContainerT>`\n  height: fit-content;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  margin: ${({ centered }) => (centered ? 'auto' : '20vh auto auto auto')};\n  width: ${({ size, width }) => (width === '' ? allSizes[size] : width)};\n  min-width: 320px;\n  box-shadow: ${({ theme }) => theme.shadows.s};\n  background: ${({ theme }) => theme.colors.neutral['000']};\n  overflow-y: auto;\n  &:focus {\n    outline: none;\n  }\n  max-height: 100vh;\n  min-height: 49px;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,uBAA0C;AAC1C,uBAA2C;AAC3C,mBAAyB;AAmBlB,MAAM,eAAe;AAAA,IACxB,CAAC,EAAE,gBAAgB,MAAM,IAAI,eAAe,EAAE;AAAA;AAAA,MAE5C,CAAC,EAAE,WAAW,MACd,WAAW,mBAAmB,QAC1B,wBAAwB,WAAW,YAAY,MAAM,WAAW,cAAc,mBAC9E,EAAE;AAAA;AAAA;AAIL,MAAM,6BAAyB,yBAAO,OAAO;AAAA,EAClD,MAAM;AAAA,EACN,MAAM,8BAAa;AACrB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aASY,CAAC,EAAE,QAAQ,MAAM,MAAM,UAAU,MAAM,OAAO,MAAM;AAAA;AAG1D,MAAM,4BAAwB,yBAAO,OAAO;AAAA,EACjD,MAAM;AAAA,EACN,MAAM,8BAAa;AACrB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAOW,CAAC,EAAE,SAAS,MAAO,WAAW,SAAS,qBAAsB;AAAA,WAC9D,CAAC,EAAE,MAAM,MAAM,MAAO,UAAU,KAAK,sBAAS,IAAI,IAAI,KAAM;AAAA;AAAA,gBAEvD,CAAC,EAAE,MAAM,MAAM,MAAM,QAAQ,CAAC;AAAA,gBAC9B,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
   "names": []
 }

package/dist/esm/config/useDialog.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { useEffect, useMemo, useState, useCallback, useRef, useLayoutEffect } from "react";
+import { useEffect, useMemo, useState, useCallback, useRef } from "react";
 import { debounce } from "lodash-es";
 import { uid } from "uid";
 import { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from "@elliemae/ds-props-helpers";
@@ -20,7 +20,7 @@ const useDialog = (props) => {
     if (portalRef) actualPortalRef.current = portalRef.current;
     else actualPortalRef.current = document.getElementsByTagName("body")["0"];
   }, [portalRef]);
-  useLayoutEffect(() => {
+  useEffect(() => {
     if (actualPortalRef.current) {
       if (isOpen) {
         actualPortalRef.current.classList.add(portalClassName);

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useDialog.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,WAAW,SAAS,UAAU,aAAa,QAAQ,uBAAuB;AACnF,SAAS,gBAAgB;AACzB,SAAS,WAAW;AACpB,SAAS,8BAA8B,sCAAsC;AAC7E,SAAS,cAAc,iBAAiB;AACxC,SAAS,mBAAmB,8BAA8B;AAInD,MAAM,YAAY,CAAC,UAA+D;AACvF,iCAAgD,OAAO,WAAW,UAAU;AAC5E,QAAM,mBAAmB,6BAAsD,OAAO,YAAY;AAClG,QAAM,EAAE,WAAW,OAAO,IAAI;AAE9B,QAAM,kBAAkB,OAA2B,IAAI;AACvD,QAAM,eAAe,OAA8B,IAAI;AAEvD,QAAM,CAAC,YAAY,aAAa,IAAI,SAAwC;AAAA,IAC1E,cAAc;AAAA,IACd,gBAAgB;AAAA,EAClB,CAAC;AAED,QAAM,kBAAkB,QAAQ,MAAM,aAAa,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC;AAE/D,YAAU,MAAM;AACd,QAAI,UAAW,iBAAgB,UAAU,UAAU;AAAA,QAC9C,iBAAgB,UAAU,SAAS,qBAAqB,MAAM,EAAE,GAAG;AAAA,EAC1E,GAAG,CAAC,SAAS,CAAC;AAEd,kBAAgB,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,YAAU,MAAM;AACd,QAAI,gBAAgB,SAAS;AAC3B,oBAAc,CAAC,UAAU;AAAA,QACvB,GAAG;AAAA,QACH,cAAc,uBAAuB,gBAAgB,OAAsB;AAAA,MAC7E,EAAE;AAAA,IACJ;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,qBAAqB,YAAY,MAAM;AAC3C,QAAI,gBAAgB,WAAW,CAAC,QAAQ;AACtC,oBAAc,CAAC,UAAU;AAAA,QACvB,GAAG;AAAA,QACH,gBAAgB,kBAAkB,gBAAgB,OAAsB;AAAA,MAC1E,EAAE;AAAA,IACJ;AAAA,EACF,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,8BAA8B,QAAQ,MAAM,SAAS,oBAAoB,GAAG,GAAG,CAAC,kBAAkB,CAAC;AAEzG,YAAU,MAAM;AACd,WAAO,iBAAiB,UAAU,2BAA2B;AAC7D,WAAO,MAAM;AACX,aAAO,oBAAoB,UAAU,2BAA2B;AAAA,IAClE;AAAA,EACF,GAAG,CAAC,oBAAoB,2BAA2B,CAAC;AAEpD,YAAU,MAAM;AACd,uBAAmB;AAAA,EACrB,GAAG,CAAC,oBAAoB,MAAM,CAAC;AAE/B,QAAM,MAAM;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 * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,WAAW,SAAS,UAAU,aAAa,cAAc;AAClE,SAAS,gBAAgB;AACzB,SAAS,WAAW;AACpB,SAAS,8BAA8B,sCAAsC;AAC7E,SAAS,cAAc,iBAAiB;AACxC,SAAS,mBAAmB,8BAA8B;AAInD,MAAM,YAAY,CAAC,UAA+D;AACvF,iCAAgD,OAAO,WAAW,UAAU;AAC5E,QAAM,mBAAmB,6BAAsD,OAAO,YAAY;AAClG,QAAM,EAAE,WAAW,OAAO,IAAI;AAE9B,QAAM,kBAAkB,OAA2B,IAAI;AACvD,QAAM,eAAe,OAA8B,IAAI;AAEvD,QAAM,CAAC,YAAY,aAAa,IAAI,SAAwC;AAAA,IAC1E,cAAc;AAAA,IACd,gBAAgB;AAAA,EAClB,CAAC;AAED,QAAM,kBAAkB,QAAQ,MAAM,aAAa,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC;AAE/D,YAAU,MAAM;AACd,QAAI,UAAW,iBAAgB,UAAU,UAAU;AAAA,QAC9C,iBAAgB,UAAU,SAAS,qBAAqB,MAAM,EAAE,GAAG;AAAA,EAC1E,GAAG,CAAC,SAAS,CAAC;AAEd,YAAU,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,YAAU,MAAM;AACd,QAAI,gBAAgB,SAAS;AAC3B,oBAAc,CAAC,UAAU;AAAA,QACvB,GAAG;AAAA,QACH,cAAc,uBAAuB,gBAAgB,OAAsB;AAAA,MAC7E,EAAE;AAAA,IACJ;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,qBAAqB,YAAY,MAAM;AAC3C,QAAI,gBAAgB,WAAW,CAAC,QAAQ;AACtC,oBAAc,CAAC,UAAU;AAAA,QACvB,GAAG;AAAA,QACH,gBAAgB,kBAAkB,gBAAgB,OAAsB;AAAA,MAC1E,EAAE;AAAA,IACJ;AAAA,EACF,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,8BAA8B,QAAQ,MAAM,SAAS,oBAAoB,GAAG,GAAG,CAAC,kBAAkB,CAAC;AAEzG,YAAU,MAAM;AACd,WAAO,iBAAiB,UAAU,2BAA2B;AAC7D,WAAO,MAAM;AACX,aAAO,oBAAoB,UAAU,2BAA2B;AAAA,IAClE;AAAA,EACF,GAAG,CAAC,oBAAoB,2BAA2B,CAAC;AAEpD,YAAU,MAAM;AACd,uBAAmB;AAAA,EACrB,GAAG,CAAC,oBAAoB,MAAM,CAAC;AAE/B,QAAM,MAAM;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/esm/constants/index.js

@@ -0,0 +1,24 @@
+import * as React from "react";
+import { slotObjectToDataTestIds } from "@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 = slotObjectToDataTestIds(DSDialogName, DIALOG_SLOTS);
+export {
+  DIALOG_DATA_TESTID,
+  DIALOG_SLOTS,
+  DIALOG_DATA_TESTID as DSDialogDatatestid,
+  DSDialogName
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/constants/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,+BAA+B;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,qBAAqB,wBAAwB,cAAc,YAAY;",
+  "names": []
+}

package/dist/esm/index.js

@@ -1,57 +1,43 @@
 import * as React from "react";
-import { describe, globalAttributesPropTypes } from "@elliemae/ds-props-helpers";
+import { DSDialog, DSDialogWithSchema } from "./DSDialog.js";
+import { DIALOG_DATA_TESTID, DIALOG_SLOTS, DSDialogName, DSDialogDatatestid } from "./constants/index.js";
+import { DSDialogSizes } from "./utils.js";
 import {
   DSDialogBody,
+  DSDialogBodyWithSchema,
   DSDialogHeader,
+  DSDialogHeaderWithSchema,
   DSDialogFooter,
+  DSDialogFooterWithSchema,
   DSDialogSeparator,
+  DSDialogSeparatorWithSchema,
   DSDialogTitle,
+  DSDialogTitleWithSchema,
   DSDialogAddon,
+  DSDialogAddonWithSchema,
   DSDialogDefaultLayout,
+  DSDialogDefaultLayoutWithSchema,
   DSDialogPrimaryMessage,
-  DSDialogSecondaryMessage
-} from "./styles.js";
-DSDialogBody.displayName = "DSDialogBody";
-DSDialogHeader.displayName = "DSDialogHeader";
-DSDialogFooter.displayName = "DSDialogFooter";
-DSDialogSeparator.displayName = "DSDialogSeparator";
-DSDialogTitle.displayName = "DSDialogTitle";
-DSDialogAddon.displayName = "DSDialogAddon";
-DSDialogDefaultLayout.displayName = "DSDialogDefaultLayout";
-DSDialogPrimaryMessage.displayName = "DSDialogPrimaryMessage";
-DSDialogSecondaryMessage.displayName = "DSDialogSecondaryMessage";
-const DSDialogBodyWithSchema = describe(DSDialogBody);
-const DSDialogHeaderWithSchema = describe(DSDialogHeader);
-const DSDialogFooterWithSchema = describe(DSDialogFooter);
-const DSDialogSeparatorWithSchema = describe(DSDialogSeparator);
-const DSDialogTitleWithSchema = describe(DSDialogTitle);
-const DSDialogAddonWithSchema = describe(DSDialogAddon);
-const DSDialogDefaultLayoutWithSchema = describe(DSDialogDefaultLayout);
-const DSDialogPrimaryMessageWithSchema = describe(DSDialogPrimaryMessage);
-const DSDialogSecondaryMessageWithSchema = describe(DSDialogSecondaryMessage);
-DSDialogBodyWithSchema.propTypes = globalAttributesPropTypes;
-DSDialogHeaderWithSchema.propTypes = globalAttributesPropTypes;
-DSDialogFooterWithSchema.propTypes = globalAttributesPropTypes;
-DSDialogSeparatorWithSchema.propTypes = globalAttributesPropTypes;
-DSDialogTitleWithSchema.propTypes = globalAttributesPropTypes;
-DSDialogAddonWithSchema.propTypes = globalAttributesPropTypes;
-DSDialogDefaultLayoutWithSchema.propTypes = globalAttributesPropTypes;
-DSDialogPrimaryMessageWithSchema.propTypes = globalAttributesPropTypes;
-DSDialogSecondaryMessageWithSchema.propTypes = globalAttributesPropTypes;
-export * from "./DSDialog.js";
-export * from "./DSDialogDatatestid.js";
-import { DSDialogSizes } from "./utils.js";
+  DSDialogPrimaryMessageWithSchema,
+  DSDialogSecondaryMessage,
+  DSDialogSecondaryMessageWithSchema
+} from "./parts/index.js";
 export {
+  DIALOG_DATA_TESTID,
+  DIALOG_SLOTS,
+  DSDialog,
   DSDialogAddon,
   DSDialogAddonWithSchema,
   DSDialogBody,
   DSDialogBodyWithSchema,
+  DSDialogDatatestid,
   DSDialogDefaultLayout,
   DSDialogDefaultLayoutWithSchema,
   DSDialogFooter,
   DSDialogFooterWithSchema,
   DSDialogHeader,
   DSDialogHeaderWithSchema,
+  DSDialogName,
   DSDialogPrimaryMessage,
   DSDialogPrimaryMessageWithSchema,
   DSDialogSecondaryMessage,
@@ -60,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 { 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"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,UAAU,iCAAiC;AAEpD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAIP,aAAa,cAAc;AAC3B,eAAe,cAAc;AAC7B,eAAe,cAAc;AAC7B,kBAAkB,cAAc;AAChC,cAAc,cAAc;AAC5B,cAAc,cAAc;AAC5B,sBAAsB,cAAc;AACpC,uBAAuB,cAAc;AACrC,yBAAyB,cAAc;AAEvC,MAAM,yBAAyB,SAAS,YAAwB;AAChE,MAAM,2BAA2B,SAAS,cAA0B;AACpE,MAAM,2BAA2B,SAAS,cAA0B;AACpE,MAAM,8BAA8B,SAAS,iBAA6B;AAC1E,MAAM,0BAA0B,SAAS,aAAyB;AAClE,MAAM,0BAA0B,SAAS,aAAyB;AAClE,MAAM,kCAAkC,SAAS,qBAAiC;AAClF,MAAM,mCAAmC,SAAS,sBAAkC;AACpF,MAAM,qCAAqC,SAAS,wBAAoC;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;AAE/C,cAAc;AACd,cAAc;AACd,SAAS,qBAAqB;",
+  "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/DSDialogAddon/DSDialogAddon.js

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { describe } from "@elliemae/ds-props-helpers";
+import { useDialogOwnerProps } from "../useDialogOwnerProps.js";
+import { DSDialogAddonPropTypesSchema } from "./react-desc-prop-types.js";
+import { StyledDialogAddon } from "./styled.js";
+const DSDialogAddon = (props) => {
+  const { getOwnerProps, getOwnerPropsArguments } = useDialogOwnerProps(props);
+  return /* @__PURE__ */ jsx(StyledDialogAddon, { ...props, getOwnerProps, getOwnerPropsArguments });
+};
+DSDialogAddon.displayName = "DSDialogAddon";
+const DSDialogAddonWithSchema = describe(DSDialogAddon);
+DSDialogAddonWithSchema.propTypes = DSDialogAddonPropTypesSchema;
+export {
+  DSDialogAddon,
+  DSDialogAddonWithSchema
+};
+//# sourceMappingURL=DSDialogAddon.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DSDialogAddon/DSDialogAddon.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA,YAAY,WAAW;ACSd;AART,SAAS,gBAAgB;AACzB,SAAS,2BAA2B;AACpC,SAA8B,oCAAoC;AAClE,SAAS,yBAAyB;AAElC,MAAM,gBAA2D,CAAC,UAAU;AAC1E,QAAM,EAAE,eAAe,uBAAuB,IAAI,oBAAoB,KAAK;AAE3E,SAAO,oBAAC,qBAAmB,GAAG,OAAO,eAA8B,wBAAgD;AACrH;AAEA,cAAc,cAAc;AAC5B,MAAM,0BAA0B,SAAS,aAAa;AACtD,wBAAwB,YAAY;",
+  "names": []
+}

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

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { slotObjectToDataTestIds } from "@elliemae/ds-system";
+import { DSDialogName } from "../../../constants/index.js";
+const DIALOG_ADDON_SLOTS = {
+  ROOT: "addon"
+};
+const DIALOG_ADDON_DATA_TESTID = slotObjectToDataTestIds(DSDialogName, DIALOG_ADDON_SLOTS);
+export {
+  DIALOG_ADDON_DATA_TESTID,
+  DIALOG_ADDON_SLOTS,
+  DSDialogName
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/DSDialogAddon/constants/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,+BAA+B;AACxC,SAAS,oBAAoB;AAEtB,MAAM,qBAAqB;AAAA,EAChC,MAAM;AACR;AAEO,MAAM,2BAA2B,wBAAwB,cAAc,kBAAkB;",
+  "names": []
+}

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

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { DIALOG_ADDON_DATA_TESTID, DIALOG_ADDON_SLOTS } from "./constants/index.js";
+import { DSDialogAddon, DSDialogAddonWithSchema } from "./DSDialogAddon.js";
+import { DSDialogAddonPropTypes } from "./react-desc-prop-types.js";
+export {
+  DIALOG_ADDON_DATA_TESTID,
+  DIALOG_ADDON_SLOTS,
+  DSDialogAddon,
+  DSDialogAddonPropTypes,
+  DSDialogAddonWithSchema
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DSDialogAddon/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,0BAA0B,0BAA0B;AAC7D,SAAS,eAAe,+BAA+B;AACvD,SAA8B,8BAA8B;",
+  "names": []
+}

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

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { getPropsPerSlotPropTypes, globalAttributesPropTypes } from "@elliemae/ds-props-helpers";
+import { DIALOG_ADDON_SLOTS, DSDialogName } from "./constants/index.js";
+const defaultProps = {};
+const DSDialogAddonPropTypes = {
+  ...getPropsPerSlotPropTypes(DSDialogName, DIALOG_ADDON_SLOTS),
+  ...globalAttributesPropTypes
+};
+const DSDialogAddonPropTypesSchema = DSDialogAddonPropTypes;
+export {
+  DSDialogAddonPropTypes,
+  DSDialogAddonPropTypesSchema,
+  defaultProps
+};
+//# sourceMappingURL=react-desc-prop-types.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DSDialogAddon/react-desc-prop-types.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
+  "mappings": "AAAA,YAAY,WAAW;ACEvB,SAAS,0BAA0B,iCAAiC;AAEpE,SAAS,oBAAoB,oBAAoB;AAmB1C,MAAM,eAA4C,CAAC;AAEnD,MAAM,yBAAkE;AAAA,EAC7E,GAAG,yBAAyB,cAAc,kBAAkB;AAAA,EAC5D,GAAG;AACL;AAEO,MAAM,+BAA+B;",
+  "names": []
+}

package/dist/esm/parts/DSDialogAddon/styled.js

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { styled } from "@elliemae/ds-system";
+import { DIALOG_ADDON_SLOTS, DSDialogName } from "./constants/index.js";
+const StyledDialogAddon = styled("div", {
+  name: DSDialogName,
+  slot: DIALOG_ADDON_SLOTS.ROOT
+})``;
+export {
+  StyledDialogAddon
+};
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DSDialogAddon/styled.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,cAAc;AACvB,SAAS,oBAAoB,oBAAoB;AAE1C,MAAM,oBAAoB,OAAO,OAAO;AAAA,EAC7C,MAAM;AAAA,EACN,MAAM,mBAAmB;AAC3B,CAAC;",
+  "names": []
+}

package/dist/esm/parts/DSDialogBody/DSDialogBody.js

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { describe } from "@elliemae/ds-props-helpers";
+import { useDialogOwnerProps } from "../useDialogOwnerProps.js";
+import { DSDialogBodyPropTypesSchema } from "./react-desc-prop-types.js";
+import { StyledDialogBody } from "./styled.js";
+const DSDialogBody = (props) => {
+  const { getOwnerProps, getOwnerPropsArguments } = useDialogOwnerProps(props);
+  return /* @__PURE__ */ jsx(StyledDialogBody, { ...props, getOwnerProps, getOwnerPropsArguments });
+};
+DSDialogBody.displayName = "DSDialogBody";
+const DSDialogBodyWithSchema = describe(DSDialogBody);
+DSDialogBodyWithSchema.propTypes = DSDialogBodyPropTypesSchema;
+export {
+  DSDialogBody,
+  DSDialogBodyWithSchema
+};
+//# sourceMappingURL=DSDialogBody.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DSDialogBody/DSDialogBody.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA,YAAY,WAAW;ACSd;AART,SAAS,gBAAgB;AACzB,SAAS,2BAA2B;AACpC,SAA6B,mCAAmC;AAChE,SAAS,wBAAwB;AAEjC,MAAM,eAAyD,CAAC,UAAU;AACxE,QAAM,EAAE,eAAe,uBAAuB,IAAI,oBAAoB,KAAK;AAE3E,SAAO,oBAAC,oBAAkB,GAAG,OAAO,eAA8B,wBAAgD;AACpH;AAEA,aAAa,cAAc;AAC3B,MAAM,yBAAyB,SAAS,YAAY;AACpD,uBAAuB,YAAY;",
+  "names": []
+}

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

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { slotObjectToDataTestIds } from "@elliemae/ds-system";
+import { DSDialogName } from "../../../constants/index.js";
+const DIALOG_BODY_SLOTS = {
+  ROOT: "body"
+};
+const DIALOG_BODY_DATA_TESTID = slotObjectToDataTestIds(DSDialogName, DIALOG_BODY_SLOTS);
+export {
+  DIALOG_BODY_DATA_TESTID,
+  DIALOG_BODY_SLOTS,
+  DSDialogName
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/DSDialogBody/constants/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,+BAA+B;AACxC,SAAS,oBAAoB;AAEtB,MAAM,oBAAoB;AAAA,EAC/B,MAAM;AACR;AAEO,MAAM,0BAA0B,wBAAwB,cAAc,iBAAiB;",
+  "names": []
+}

package/dist/esm/parts/DSDialogBody/index.js

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { DIALOG_BODY_DATA_TESTID, DIALOG_BODY_SLOTS } from "./constants/index.js";
+import { DSDialogBody, DSDialogBodyWithSchema } from "./DSDialogBody.js";
+import { DSDialogBodyPropTypes } from "./react-desc-prop-types.js";
+export {
+  DIALOG_BODY_DATA_TESTID,
+  DIALOG_BODY_SLOTS,
+  DSDialogBody,
+  DSDialogBodyPropTypes,
+  DSDialogBodyWithSchema
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/parts/DSDialogBody/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DSDialogBody/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { DIALOG_BODY_DATA_TESTID, DIALOG_BODY_SLOTS } from './constants/index.js';\nexport { DSDialogBody, DSDialogBodyWithSchema } from './DSDialogBody.js';\nexport { type DSDialogBodyT, DSDialogBodyPropTypes } from './react-desc-prop-types.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,yBAAyB,yBAAyB;AAC3D,SAAS,cAAc,8BAA8B;AACrD,SAA6B,6BAA6B;",
+  "names": []
+}

package/dist/esm/parts/DSDialogBody/react-desc-prop-types.js

@@ -0,0 +1,16 @@
+import * as React from "react";
+import { getPropsPerSlotPropTypes, globalAttributesPropTypes, xstyledPropTypes } from "@elliemae/ds-props-helpers";
+import { DIALOG_BODY_SLOTS, DSDialogName } from "./constants/index.js";
+const defaultProps = {};
+const DSDialogBodyPropTypes = {
+  ...getPropsPerSlotPropTypes(DSDialogName, DIALOG_BODY_SLOTS),
+  ...globalAttributesPropTypes,
+  ...xstyledPropTypes
+};
+const DSDialogBodyPropTypesSchema = DSDialogBodyPropTypes;
+export {
+  DSDialogBodyPropTypes,
+  DSDialogBodyPropTypesSchema,
+  defaultProps
+};
+//# sourceMappingURL=react-desc-prop-types.js.map