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

package/dist/esm/parts/index.js

@@ -0,0 +1,100 @@
+import * as React from "react";
+import { DIALOG_ADDON_DATA_TESTID, DIALOG_ADDON_SLOTS } from "./DSDialogAddon/constants/index.js";
+import { DSDialogAddon, DSDialogAddonWithSchema } from "./DSDialogAddon/DSDialogAddon.js";
+import { DSDialogAddonPropTypes } from "./DSDialogAddon/react-desc-prop-types.js";
+import { DIALOG_BODY_DATA_TESTID, DIALOG_BODY_SLOTS } from "./DSDialogBody/constants/index.js";
+import { DSDialogBody, DSDialogBodyWithSchema } from "./DSDialogBody/DSDialogBody.js";
+import { DSDialogBodyPropTypes } from "./DSDialogBody/react-desc-prop-types.js";
+import {
+  DIALOG_DEFAULT_LAYOUT_DATA_TESTID,
+  DIALOG_DEFAULT_LAYOUT_SLOTS
+} from "./DSDialogDefaultLayout/constants/index.js";
+import {
+  DSDialogDefaultLayout,
+  DSDialogDefaultLayoutWithSchema
+} from "./DSDialogDefaultLayout/DSDialogDefaultLayout.js";
+import {
+  DSDialogDefaultLayoutPropTypes
+} from "./DSDialogDefaultLayout/react-desc-prop-types.js";
+import { DIALOG_FOOTER_DATA_TESTID, DIALOG_FOOTER_SLOTS } from "./DSDialogFooter/constants/index.js";
+import { DSDialogFooter, DSDialogFooterWithSchema } from "./DSDialogFooter/DSDialogFooter.js";
+import { DSDialogFooterPropTypes } from "./DSDialogFooter/react-desc-prop-types.js";
+import { DIALOG_HEADER_DATA_TESTID, DIALOG_HEADER_SLOTS } from "./DSDialogHeader/constants/index.js";
+import { DSDialogHeader, DSDialogHeaderWithSchema } from "./DSDialogHeader/DSDialogHeader.js";
+import { DSDialogHeaderPropTypes } from "./DSDialogHeader/react-desc-prop-types.js";
+import {
+  DIALOG_PRIMARY_MESSAGE_DATA_TESTID,
+  DIALOG_PRIMARY_MESSAGE_SLOTS
+} from "./DSDialogPrimaryMessage/constants/index.js";
+import {
+  DSDialogPrimaryMessage,
+  DSDialogPrimaryMessageWithSchema
+} from "./DSDialogPrimaryMessage/DSDialogPrimaryMessage.js";
+import {
+  DSDialogPrimaryMessagePropTypes
+} from "./DSDialogPrimaryMessage/react-desc-prop-types.js";
+import {
+  DIALOG_SECONDARY_MESSAGE_DATA_TESTID,
+  DIALOG_SECONDARY_MESSAGE_SLOTS
+} from "./DSDialogSecondaryMessage/constants/index.js";
+import {
+  DSDialogSecondaryMessage,
+  DSDialogSecondaryMessageWithSchema
+} from "./DSDialogSecondaryMessage/DSDialogSecondaryMessage.js";
+import {
+  DSDialogSecondaryMessagePropTypes
+} from "./DSDialogSecondaryMessage/react-desc-prop-types.js";
+import { DIALOG_SEPARATOR_DATA_TESTID, DIALOG_SEPARATOR_SLOTS } from "./DSDialogSeparator/constants/index.js";
+import { DSDialogSeparator, DSDialogSeparatorWithSchema } from "./DSDialogSeparator/DSDialogSeparator.js";
+import { DSDialogSeparatorPropTypes } from "./DSDialogSeparator/react-desc-prop-types.js";
+import { DIALOG_TITLE_DATA_TESTID, DIALOG_TITLE_SLOTS } from "./DSDialogTitle/constants/index.js";
+import { DSDialogTitle, DSDialogTitleWithSchema } from "./DSDialogTitle/DSDialogTitle.js";
+import { DSDialogTitlePropTypes } from "./DSDialogTitle/react-desc-prop-types.js";
+export {
+  DIALOG_ADDON_DATA_TESTID,
+  DIALOG_ADDON_SLOTS,
+  DIALOG_BODY_DATA_TESTID,
+  DIALOG_BODY_SLOTS,
+  DIALOG_DEFAULT_LAYOUT_DATA_TESTID,
+  DIALOG_DEFAULT_LAYOUT_SLOTS,
+  DIALOG_FOOTER_DATA_TESTID,
+  DIALOG_FOOTER_SLOTS,
+  DIALOG_HEADER_DATA_TESTID,
+  DIALOG_HEADER_SLOTS,
+  DIALOG_PRIMARY_MESSAGE_DATA_TESTID,
+  DIALOG_PRIMARY_MESSAGE_SLOTS,
+  DIALOG_SECONDARY_MESSAGE_DATA_TESTID,
+  DIALOG_SECONDARY_MESSAGE_SLOTS,
+  DIALOG_SEPARATOR_DATA_TESTID,
+  DIALOG_SEPARATOR_SLOTS,
+  DIALOG_TITLE_DATA_TESTID,
+  DIALOG_TITLE_SLOTS,
+  DSDialogAddon,
+  DSDialogAddonPropTypes,
+  DSDialogAddonWithSchema,
+  DSDialogBody,
+  DSDialogBodyPropTypes,
+  DSDialogBodyWithSchema,
+  DSDialogDefaultLayout,
+  DSDialogDefaultLayoutPropTypes,
+  DSDialogDefaultLayoutWithSchema,
+  DSDialogFooter,
+  DSDialogFooterPropTypes,
+  DSDialogFooterWithSchema,
+  DSDialogHeader,
+  DSDialogHeaderPropTypes,
+  DSDialogHeaderWithSchema,
+  DSDialogPrimaryMessage,
+  DSDialogPrimaryMessagePropTypes,
+  DSDialogPrimaryMessageWithSchema,
+  DSDialogSecondaryMessage,
+  DSDialogSecondaryMessagePropTypes,
+  DSDialogSecondaryMessageWithSchema,
+  DSDialogSeparator,
+  DSDialogSeparatorPropTypes,
+  DSDialogSeparatorWithSchema,
+  DSDialogTitle,
+  DSDialogTitlePropTypes,
+  DSDialogTitleWithSchema
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { DIALOG_ADDON_DATA_TESTID, DIALOG_ADDON_SLOTS } from './DSDialogAddon/constants/index.js';\nexport { DSDialogAddon, DSDialogAddonWithSchema } from './DSDialogAddon/DSDialogAddon.js';\nexport { type DSDialogAddonT, DSDialogAddonPropTypes } from './DSDialogAddon/react-desc-prop-types.js';\n\nexport { DIALOG_BODY_DATA_TESTID, DIALOG_BODY_SLOTS } from './DSDialogBody/constants/index.js';\nexport { DSDialogBody, DSDialogBodyWithSchema } from './DSDialogBody/DSDialogBody.js';\nexport { type DSDialogBodyT, DSDialogBodyPropTypes } from './DSDialogBody/react-desc-prop-types.js';\n\nexport {\n  DIALOG_DEFAULT_LAYOUT_DATA_TESTID,\n  DIALOG_DEFAULT_LAYOUT_SLOTS,\n} from './DSDialogDefaultLayout/constants/index.js';\nexport {\n  DSDialogDefaultLayout,\n  DSDialogDefaultLayoutWithSchema,\n} from './DSDialogDefaultLayout/DSDialogDefaultLayout.js';\nexport {\n  type DSDialogDefaultLayoutT,\n  DSDialogDefaultLayoutPropTypes,\n} from './DSDialogDefaultLayout/react-desc-prop-types.js';\n\nexport { DIALOG_FOOTER_DATA_TESTID, DIALOG_FOOTER_SLOTS } from './DSDialogFooter/constants/index.js';\nexport { DSDialogFooter, DSDialogFooterWithSchema } from './DSDialogFooter/DSDialogFooter.js';\nexport { type DSDialogFooterT, DSDialogFooterPropTypes } from './DSDialogFooter/react-desc-prop-types.js';\n\nexport { DIALOG_HEADER_DATA_TESTID, DIALOG_HEADER_SLOTS } from './DSDialogHeader/constants/index.js';\nexport { DSDialogHeader, DSDialogHeaderWithSchema } from './DSDialogHeader/DSDialogHeader.js';\nexport { type DSDialogHeaderT, DSDialogHeaderPropTypes } from './DSDialogHeader/react-desc-prop-types.js';\n\nexport {\n  DIALOG_PRIMARY_MESSAGE_DATA_TESTID,\n  DIALOG_PRIMARY_MESSAGE_SLOTS,\n} from './DSDialogPrimaryMessage/constants/index.js';\nexport {\n  DSDialogPrimaryMessage,\n  DSDialogPrimaryMessageWithSchema,\n} from './DSDialogPrimaryMessage/DSDialogPrimaryMessage.js';\nexport {\n  type DSDialogPrimaryMessageT,\n  DSDialogPrimaryMessagePropTypes,\n} from './DSDialogPrimaryMessage/react-desc-prop-types.js';\n\nexport {\n  DIALOG_SECONDARY_MESSAGE_DATA_TESTID,\n  DIALOG_SECONDARY_MESSAGE_SLOTS,\n} from './DSDialogSecondaryMessage/constants/index.js';\nexport {\n  DSDialogSecondaryMessage,\n  DSDialogSecondaryMessageWithSchema,\n} from './DSDialogSecondaryMessage/DSDialogSecondaryMessage.js';\nexport {\n  type DSDialogSecondaryMessageT,\n  DSDialogSecondaryMessagePropTypes,\n} from './DSDialogSecondaryMessage/react-desc-prop-types.js';\n\nexport { DIALOG_SEPARATOR_DATA_TESTID, DIALOG_SEPARATOR_SLOTS } from './DSDialogSeparator/constants/index.js';\nexport { DSDialogSeparator, DSDialogSeparatorWithSchema } from './DSDialogSeparator/DSDialogSeparator.js';\nexport { type DSDialogSeparatorT, DSDialogSeparatorPropTypes } from './DSDialogSeparator/react-desc-prop-types.js';\n\nexport { DIALOG_TITLE_DATA_TESTID, DIALOG_TITLE_SLOTS } from './DSDialogTitle/constants/index.js';\nexport { DSDialogTitle, DSDialogTitleWithSchema } from './DSDialogTitle/DSDialogTitle.js';\nexport { type DSDialogTitleT, DSDialogTitlePropTypes } from './DSDialogTitle/react-desc-prop-types.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,0BAA0B,0BAA0B;AAC7D,SAAS,eAAe,+BAA+B;AACvD,SAA8B,8BAA8B;AAE5D,SAAS,yBAAyB,yBAAyB;AAC3D,SAAS,cAAc,8BAA8B;AACrD,SAA6B,6BAA6B;AAE1D;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP;AAAA,EAEE;AAAA,OACK;AAEP,SAAS,2BAA2B,2BAA2B;AAC/D,SAAS,gBAAgB,gCAAgC;AACzD,SAA+B,+BAA+B;AAE9D,SAAS,2BAA2B,2BAA2B;AAC/D,SAAS,gBAAgB,gCAAgC;AACzD,SAA+B,+BAA+B;AAE9D;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP;AAAA,EAEE;AAAA,OACK;AAEP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP;AAAA,EAEE;AAAA,OACK;AAEP,SAAS,8BAA8B,8BAA8B;AACrE,SAAS,mBAAmB,mCAAmC;AAC/D,SAAkC,kCAAkC;AAEpE,SAAS,0BAA0B,0BAA0B;AAC7D,SAAS,eAAe,+BAA+B;AACvD,SAA8B,8BAA8B;",
+  "names": []
+}

package/dist/esm/parts/useDialogOwnerProps.js

@@ -0,0 +1,17 @@
+import * as React from "react";
+import React2 from "react";
+import { DSDialogContext } from "../DSDialogCTX.js";
+const getOwnerPropsArgumentsNoOp = () => ({});
+const useDialogOwnerProps = (fallbackProps) => {
+  const dialogContext = React2.useContext(DSDialogContext);
+  const ownerProps = dialogContext?.props ?? fallbackProps;
+  const getOwnerProps = React2.useCallback(() => ownerProps, [ownerProps]);
+  return {
+    getOwnerProps,
+    getOwnerPropsArguments: getOwnerPropsArgumentsNoOp
+  };
+};
+export {
+  useDialogOwnerProps
+};
+//# sourceMappingURL=useDialogOwnerProps.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/useDialogOwnerProps.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { DSDialogContext } from '../DSDialogCTX.js';\n\nconst getOwnerPropsArgumentsNoOp = () => ({});\n\nexport const useDialogOwnerProps = <T extends object>(fallbackProps: T) => {\n  const dialogContext = React.useContext(DSDialogContext);\n  const ownerProps = dialogContext?.props ?? fallbackProps;\n  const getOwnerProps = React.useCallback(() => ownerProps, [ownerProps]);\n\n  return {\n    getOwnerProps,\n    getOwnerPropsArguments: getOwnerPropsArgumentsNoOp,\n  };\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,SAAS,uBAAuB;AAEhC,MAAM,6BAA6B,OAAO,CAAC;AAEpC,MAAM,sBAAsB,CAAmB,kBAAqB;AACzE,QAAM,gBAAgBA,OAAM,WAAW,eAAe;AACtD,QAAM,aAAa,eAAe,SAAS;AAC3C,QAAM,gBAAgBA,OAAM,YAAY,MAAM,YAAY,CAAC,UAAU,CAAC;AAEtE,SAAO;AAAA,IACL;AAAA,IACA,wBAAwB;AAAA,EAC1B;AACF;",
+  "names": ["React"]
+}

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

@@ -1,5 +1,6 @@
 import * as React from "react";
-import { globalAttributesPropTypes, PropTypes } from "@elliemae/ds-props-helpers";
+import { getPropsPerSlotPropTypes, globalAttributesPropTypes, PropTypes } from "@elliemae/ds-props-helpers";
+import { DIALOG_SLOTS, DSDialogName } from "./constants/index.js";
 import { DSDialogSizes, DSDialogSizesArrayValues } from "./utils.js";
 const defaultProps = {
   isOpen: false,
@@ -13,6 +14,7 @@ const defaultProps = {
   }
 };
 const propTypes = {
+  ...getPropsPerSlotPropTypes(DSDialogName, DIALOG_SLOTS),
   ...globalAttributesPropTypes,
   isOpen: PropTypes.bool.description("Whether the Dialog is open or not.").defaultValue(false),
   children: PropTypes.node.description("Nested components.").isRequired,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,2BAA2B,iBAAiB;AAErD,SAAS,eAAe,gCAAgC;AAiCjD,MAAM,eAAuC;AAAA,EAClD,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,MAAM,cAAc;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,UAAU,KAAK,YAAY,oCAAoC,EAAE,aAAa,KAAK;AAAA,EAC3F,UAAU,UAAU,KAAK,YAAY,oBAAoB,EAAE;AAAA,EAC3D,UAAU,UAAU,KAAK,YAAY,qBAAqB,EAAE,aAAa,KAAK;AAAA,EAC9E,iBAAiB,UAAU,KACxB;AAAA,IACC;AAAA,EACF,EACC,aAAa,KAAK;AAAA,EACrB,gBAAgB,UAAU,KACvB,YAAY,+EAA+E,EAC3F,aAAa,MAAM;AAAA,EAAC,CAAC;AAAA,EACxB,SAAS,UAAU,KAAK,YAAY,kCAAkC,EAAE,aAAa,MAAM;AAAA,EAAC,CAAC;AAAA,EAC7F,MAAM,UAAU,MAAM,wBAAwB,EAC3C,YAAY,sBAAsB,EAClC,aAAa,cAAc,OAAO;AAAA,EACrC,OAAO,UAAU,OAAO,YAAY,eAAe;AACrD;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,0BAA0B,2BAA2B,iBAAiB;AAE/E,SAAS,cAAc,oBAAoB;AAC3C,SAAS,eAAe,gCAAgC;AAkCjD,MAAM,eAAuC;AAAA,EAClD,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,MAAM,cAAc;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,yBAAyB,cAAc,YAAY;AAAA,EACtD,GAAG;AAAA,EACH,QAAQ,UAAU,KAAK,YAAY,oCAAoC,EAAE,aAAa,KAAK;AAAA,EAC3F,UAAU,UAAU,KAAK,YAAY,oBAAoB,EAAE;AAAA,EAC3D,UAAU,UAAU,KAAK,YAAY,qBAAqB,EAAE,aAAa,KAAK;AAAA,EAC9E,iBAAiB,UAAU,KACxB;AAAA,IACC;AAAA,EACF,EACC,aAAa,KAAK;AAAA,EACrB,gBAAgB,UAAU,KACvB,YAAY,+EAA+E,EAC3F,aAAa,MAAM;AAAA,EAAC,CAAC;AAAA,EACxB,SAAS,UAAU,KAAK,YAAY,kCAAkC,EAAE,aAAa,MAAM;AAAA,EAAC,CAAC;AAAA,EAC7F,MAAM,UAAU,MAAM,wBAAwB,EAC3C,YAAY,sBAAsB,EAClC,aAAa,cAAc,OAAO;AAAA,EACrC,OAAO,UAAU,OAAO,YAAY,eAAe;AACrD;",
   "names": []
 }

package/dist/esm/styles.js

@@ -1,5 +1,6 @@
 import * as React from "react";
-import { styled, createGlobalStyle, xStyledCommonProps } from "@elliemae/ds-system";
+import { styled, createGlobalStyle } from "@elliemae/ds-system";
+import { DIALOG_SLOTS, DSDialogName } from "./constants/index.js";
 import { allSizes } from "./utils.js";
 const PortalStyles = createGlobalStyle`
   ${({ portalClassName }) => `.${portalClassName}`} {
@@ -7,7 +8,10 @@ const PortalStyles = createGlobalStyle`
     ${({ portalInfo }) => portalInfo.scrollbarWidth !== "0px" ? `padding-right: calc( ${portalInfo.paddingRight} + ${portalInfo.scrollbarWidth} ) !important;` : ``}
   }
 `;
-const StyledDialogBackground = styled.div`
+const StyledDialogBackground = styled("div", {
+  name: DSDialogName,
+  slot: DIALOG_SLOTS.BACKGROUND
+})`
   position: fixed;
   top: 0;
   bottom: 0;
@@ -18,7 +22,10 @@ const StyledDialogBackground = styled.div`
   overflow-y: auto;
   z-index: ${({ zIndex, theme }) => zIndex ?? theme.zIndex.dialog};
 `;
-const StyledDialogContainer = styled.div`
+const StyledDialogContainer = styled("div", {
+  name: DSDialogName,
+  slot: DIALOG_SLOTS.CONTAINER
+})`
   height: fit-content;
   position: absolute;
   top: 0;
@@ -27,87 +34,17 @@ const StyledDialogContainer = styled.div`
   right: 0;
   margin: ${({ centered }) => centered ? "auto" : "20vh auto auto auto"};
   width: ${({ size, width }) => width === "" ? 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 = 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 = styled.div``;
-const DSDialogHeader = 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;
-  }
-  ${xStyledCommonProps}
-`;
-const DSDialogSeparator = styled.hr.attrs(() => ({ "aria-hidden": true }))`
-  margin: 0;
-  border-top: 1px solid ${({ theme }) => theme.colors.neutral["080"]};
-`;
-const DSDialogBody = styled("div")`
-  padding: ${({ theme }) => theme.space.xs};
-  overflow-y: auto;
-  ${xStyledCommonProps}
-`;
-const DSDialogPrimaryMessage = styled.h3`
-  margin: 0;
-`;
-const DSDialogSecondaryMessage = styled.p`
-  margin: 0;
-  color: ${({ theme }) => theme.colors.neutral[500]};
-`;
-const DSDialogDefaultLayout = 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 = 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};
-  ${xStyledCommonProps}
+  min-height: 49px;
 `;
 export {
-  DSDialogAddon,
-  DSDialogBody,
-  DSDialogDefaultLayout,
-  DSDialogFooter,
-  DSDialogHeader,
-  DSDialogPrimaryMessage,
-  DSDialogSecondaryMessage,
-  DSDialogSeparator,
-  DSDialogTitle,
   PortalStyles,
   StyledDialogBackground,
   StyledDialogContainer

package/dist/esm/styles.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/styles.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
-  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,QAAQ,mBAAmB,0BAA0B;AAE9D,SAAS,gBAAgB;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,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAShC,CAAC,EAAE,QAAQ,MAAM,MAAM,UAAU,MAAM,OAAO,MAAM;AAAA;AAG1D,MAAM,wBAAwB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAOhC,CAAC,EAAE,SAAS,MAAO,WAAW,SAAS,qBAAsB;AAAA,WAC9D,CAAC,EAAE,MAAM,MAAM,MAAO,UAAU,KAAK,SAAS,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,OAAO;AAAA,eACrB,CAAC,EAAE,MAAM,MAAM,MAAM,UAAU,MAAM,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASjD,MAAM,gBAAgB,OAAO;AAE7B,MAAM,iBAAiB,OAAO,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,kBAAkB;AAAA;AAGf,MAAM,oBAAoB,OAAO,GAAG,MAAM,OAAO,EAAE,eAAe,KAAK,EAAE;AAAA;AAAA,0BAEtD,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAG7D,MAAM,eAAe,OAAO,KAAK;AAAA,aAC3B,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,EAAE;AAAA;AAAA,IAEtC,kBAAkB;AAAA;AAGf,MAAM,yBAAyB,OAAO;AAAA;AAAA;AAItC,MAAM,2BAA2B,OAAO;AAAA;AAAA,WAEpC,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAG5C,MAAM,wBAAwB,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,cAKnC,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,GAAG;AAAA;AAAA,IAExC,wBAAwB;AAAA;AAAA;AAAA;AAKrB,MAAM,iBAAiB,OAAO,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,kBAAkB;AAAA;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,QAAQ,yBAAyB;AAC1C,SAAS,cAAc,oBAAoB;AAC3C,SAAS,gBAAgB;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,OAAO,OAAO;AAAA,EAClD,MAAM;AAAA,EACN,MAAM,aAAa;AACrB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aASY,CAAC,EAAE,QAAQ,MAAM,MAAM,UAAU,MAAM,OAAO,MAAM;AAAA;AAG1D,MAAM,wBAAwB,OAAO,OAAO;AAAA,EACjD,MAAM;AAAA,EACN,MAAM,aAAa;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,SAAS,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/types/constants/index.d.ts

@@ -0,0 +1,28 @@
+export declare const DSDialogName = "DSDialog";
+export declare const DIALOG_SLOTS: {
+    readonly BACKGROUND: "background";
+    readonly CONTAINER: "container";
+    readonly TITLE: "title";
+    readonly ADDON: "addon";
+    readonly HEADER: "header";
+    readonly SEPARATOR: "separator";
+    readonly BODY: "body";
+    readonly PRIMARY_MESSAGE: "primary-message";
+    readonly SECONDARY_MESSAGE: "secondary-message";
+    readonly DEFAULT_LAYOUT: "default-layout";
+    readonly FOOTER: "footer";
+};
+export declare const DIALOG_DATA_TESTID: {
+    readonly BACKGROUND: "ds-dialog-background";
+    readonly CONTAINER: "ds-dialog-container";
+    readonly TITLE: "ds-dialog-title";
+    readonly ADDON: "ds-dialog-addon";
+    readonly HEADER: "ds-dialog-header";
+    readonly SEPARATOR: "ds-dialog-separator";
+    readonly BODY: "ds-dialog-body";
+    readonly PRIMARY_MESSAGE: "ds-dialog-primary-message";
+    readonly SECONDARY_MESSAGE: "ds-dialog-secondary-message";
+    readonly DEFAULT_LAYOUT: "ds-dialog-default-layout";
+    readonly FOOTER: "ds-dialog-footer";
+};
+export { DIALOG_DATA_TESTID as DSDialogDatatestid };

package/dist/types/index.d.ts

@@ -1,15 +1,5 @@
-import { DSDialogBody, DSDialogHeader, DSDialogFooter, DSDialogSeparator, DSDialogTitle, DSDialogAddon, DSDialogDefaultLayout, DSDialogPrimaryMessage, DSDialogSecondaryMessage } from './styles.js';
-declare const DSDialogBodyWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<{}>;
-declare const DSDialogHeaderWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<{}>;
-declare const DSDialogFooterWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<{}>;
-declare const DSDialogSeparatorWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<{}>;
-declare const DSDialogTitleWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<{}>;
-declare const DSDialogAddonWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<{}>;
-declare const DSDialogDefaultLayoutWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<{}>;
-declare const DSDialogPrimaryMessageWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<{}>;
-declare const DSDialogSecondaryMessageWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<{}>;
-export * from './DSDialog.js';
-export * from './DSDialogDatatestid.js';
+export { DSDialog, DSDialogWithSchema } from './DSDialog.js';
+export { DIALOG_DATA_TESTID, DIALOG_SLOTS, DSDialogName, DSDialogDatatestid } from './constants/index.js';
 export { DSDialogSizes } from './utils.js';
-export { DSDialogBody, DSDialogHeader, DSDialogFooter, DSDialogSeparator, DSDialogTitle, DSDialogAddon, DSDialogDefaultLayout, DSDialogPrimaryMessage, DSDialogSecondaryMessage, DSDialogBodyWithSchema, DSDialogHeaderWithSchema, DSDialogFooterWithSchema, DSDialogSeparatorWithSchema, DSDialogTitleWithSchema, DSDialogAddonWithSchema, DSDialogDefaultLayoutWithSchema, DSDialogPrimaryMessageWithSchema, DSDialogSecondaryMessageWithSchema, };
+export { DSDialogBody, DSDialogBodyWithSchema, DSDialogHeader, DSDialogHeaderWithSchema, DSDialogFooter, DSDialogFooterWithSchema, DSDialogSeparator, DSDialogSeparatorWithSchema, DSDialogTitle, DSDialogTitleWithSchema, DSDialogAddon, DSDialogAddonWithSchema, DSDialogDefaultLayout, DSDialogDefaultLayoutWithSchema, DSDialogPrimaryMessage, DSDialogPrimaryMessageWithSchema, DSDialogSecondaryMessage, DSDialogSecondaryMessageWithSchema, } from './parts/index.js';
 export type { DSDialogT } from './react-desc-prop-types.js';

package/dist/types/parts/DSDialogAddon/DSDialogAddon.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { type DSDialogAddonT } from './react-desc-prop-types.js';
+declare const DSDialogAddon: React.ComponentType<DSDialogAddonT.Props>;
+declare const DSDialogAddonWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSDialogAddonT.Props>;
+export { DSDialogAddon, DSDialogAddonWithSchema };

package/dist/types/parts/DSDialogAddon/constants/index.d.ts

@@ -0,0 +1,8 @@
+import { DSDialogName } from '../../../constants/index.js';
+export declare const DIALOG_ADDON_SLOTS: {
+    readonly ROOT: "addon";
+};
+export declare const DIALOG_ADDON_DATA_TESTID: {
+    readonly ROOT: "ds-dialog-addon";
+};
+export { DSDialogName };

package/dist/types/parts/DSDialogAddon/index.d.ts

@@ -0,0 +1,3 @@
+export { DIALOG_ADDON_DATA_TESTID, DIALOG_ADDON_SLOTS } from './constants/index.js';
+export { DSDialogAddon, DSDialogAddonWithSchema } from './DSDialogAddon.js';
+export { type DSDialogAddonT, DSDialogAddonPropTypes } from './react-desc-prop-types.js';

package/dist/types/parts/DSDialogAddon/react-desc-prop-types.d.ts

@@ -0,0 +1,18 @@
+import type { DSPropTypesSchema, GlobalAttributesT, ValidationMap } from '@elliemae/ds-props-helpers';
+import { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';
+import { DIALOG_ADDON_SLOTS, DSDialogName } from './constants/index.js';
+export declare namespace DSDialogAddonT {
+    interface RequiredProps {
+    }
+    interface DefaultProps {
+    }
+    interface OptionalProps extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSDialogName, typeof DIALOG_ADDON_SLOTS> {
+    }
+    interface Props extends OptionalProps, GlobalAttributesT<HTMLDivElement>, RequiredProps {
+    }
+    interface InternalProps extends DefaultProps, OptionalProps, GlobalAttributesT<HTMLDivElement>, RequiredProps {
+    }
+}
+export declare const defaultProps: DSDialogAddonT.DefaultProps;
+export declare const DSDialogAddonPropTypes: DSPropTypesSchema<DSDialogAddonT.Props>;
+export declare const DSDialogAddonPropTypesSchema: ValidationMap<DSDialogAddonT.Props>;

package/dist/types/parts/DSDialogAddon/styled.d.ts

@@ -0,0 +1 @@
+export declare const StyledDialogAddon: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;

package/dist/types/parts/DSDialogBody/DSDialogBody.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { type DSDialogBodyT } from './react-desc-prop-types.js';
+declare const DSDialogBody: React.ComponentType<DSDialogBodyT.Props>;
+declare const DSDialogBodyWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSDialogBodyT.Props>;
+export { DSDialogBody, DSDialogBodyWithSchema };

package/dist/types/parts/DSDialogBody/constants/index.d.ts

@@ -0,0 +1,8 @@
+import { DSDialogName } from '../../../constants/index.js';
+export declare const DIALOG_BODY_SLOTS: {
+    readonly ROOT: "body";
+};
+export declare const DIALOG_BODY_DATA_TESTID: {
+    readonly ROOT: "ds-dialog-body";
+};
+export { DSDialogName };

package/dist/types/parts/DSDialogBody/index.d.ts

@@ -0,0 +1,3 @@
+export { DIALOG_BODY_DATA_TESTID, DIALOG_BODY_SLOTS } from './constants/index.js';
+export { DSDialogBody, DSDialogBodyWithSchema } from './DSDialogBody.js';
+export { type DSDialogBodyT, DSDialogBodyPropTypes } from './react-desc-prop-types.js';

package/dist/types/parts/DSDialogBody/react-desc-prop-types.d.ts

@@ -0,0 +1,18 @@
+import type { DSPropTypesSchema, GlobalAttributesT, ValidationMap, XstyledProps } from '@elliemae/ds-props-helpers';
+import { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';
+import { DIALOG_BODY_SLOTS, DSDialogName } from './constants/index.js';
+export declare namespace DSDialogBodyT {
+    interface RequiredProps {
+    }
+    interface DefaultProps {
+    }
+    interface OptionalProps extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSDialogName, typeof DIALOG_BODY_SLOTS> {
+    }
+    interface Props extends OptionalProps, Omit<GlobalAttributesT<HTMLDivElement>, keyof XstyledProps>, XstyledProps, RequiredProps {
+    }
+    interface InternalProps extends DefaultProps, OptionalProps, Omit<GlobalAttributesT<HTMLDivElement>, keyof XstyledProps>, XstyledProps, RequiredProps {
+    }
+}
+export declare const defaultProps: DSDialogBodyT.DefaultProps;
+export declare const DSDialogBodyPropTypes: DSPropTypesSchema<DSDialogBodyT.Props>;
+export declare const DSDialogBodyPropTypesSchema: ValidationMap<DSDialogBodyT.Props>;

package/dist/types/parts/DSDialogBody/styled.d.ts

@@ -0,0 +1 @@
+export declare const StyledDialogBody: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;

package/dist/types/parts/{dialogContent → DSDialogContent}/useDialogContent.d.ts

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

package/dist/types/parts/DSDialogDefaultLayout/DSDialogDefaultLayout.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { type DSDialogDefaultLayoutT } from './react-desc-prop-types.js';
+declare const DSDialogDefaultLayout: React.ComponentType<DSDialogDefaultLayoutT.Props>;
+declare const DSDialogDefaultLayoutWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSDialogDefaultLayoutT.Props>;
+export { DSDialogDefaultLayout, DSDialogDefaultLayoutWithSchema };

package/dist/types/parts/DSDialogDefaultLayout/constants/index.d.ts

@@ -0,0 +1,8 @@
+import { DSDialogName } from '../../../constants/index.js';
+export declare const DIALOG_DEFAULT_LAYOUT_SLOTS: {
+    readonly ROOT: "default-layout";
+};
+export declare const DIALOG_DEFAULT_LAYOUT_DATA_TESTID: {
+    readonly ROOT: "ds-dialog-default-layout";
+};
+export { DSDialogName };

package/dist/types/parts/DSDialogDefaultLayout/index.d.ts

@@ -0,0 +1,3 @@
+export { DIALOG_DEFAULT_LAYOUT_DATA_TESTID, DIALOG_DEFAULT_LAYOUT_SLOTS } from './constants/index.js';
+export { DSDialogDefaultLayout, DSDialogDefaultLayoutWithSchema } from './DSDialogDefaultLayout.js';
+export { type DSDialogDefaultLayoutT, DSDialogDefaultLayoutPropTypes } from './react-desc-prop-types.js';

package/dist/types/parts/DSDialogDefaultLayout/react-desc-prop-types.d.ts

@@ -0,0 +1,18 @@
+import type { DSPropTypesSchema, GlobalAttributesT, ValidationMap, XstyledProps } from '@elliemae/ds-props-helpers';
+import { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';
+import { DIALOG_DEFAULT_LAYOUT_SLOTS, DSDialogName } from './constants/index.js';
+export declare namespace DSDialogDefaultLayoutT {
+    interface RequiredProps {
+    }
+    interface DefaultProps {
+    }
+    interface OptionalProps extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSDialogName, typeof DIALOG_DEFAULT_LAYOUT_SLOTS> {
+    }
+    interface Props extends OptionalProps, Omit<GlobalAttributesT<HTMLDivElement>, keyof XstyledProps>, XstyledProps, RequiredProps {
+    }
+    interface InternalProps extends DefaultProps, OptionalProps, Omit<GlobalAttributesT<HTMLDivElement>, keyof XstyledProps>, XstyledProps, RequiredProps {
+    }
+}
+export declare const defaultProps: DSDialogDefaultLayoutT.DefaultProps;
+export declare const DSDialogDefaultLayoutPropTypes: DSPropTypesSchema<DSDialogDefaultLayoutT.Props>;
+export declare const DSDialogDefaultLayoutPropTypesSchema: ValidationMap<DSDialogDefaultLayoutT.Props>;

package/dist/types/parts/DSDialogDefaultLayout/styled.d.ts

@@ -0,0 +1,3 @@
+export declare const StyledDialogDefaultLayout: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, {
+    children?: import("react").ReactNode | undefined;
+} & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;

package/dist/types/parts/DSDialogFooter/DSDialogFooter.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { type DSDialogFooterT } from './react-desc-prop-types.js';
+declare const DSDialogFooter: React.ComponentType<DSDialogFooterT.Props>;
+declare const DSDialogFooterWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSDialogFooterT.Props>;
+export { DSDialogFooter, DSDialogFooterWithSchema };

package/dist/types/parts/DSDialogFooter/constants/index.d.ts

@@ -0,0 +1,8 @@
+import { DSDialogName } from '../../../constants/index.js';
+export declare const DIALOG_FOOTER_SLOTS: {
+    readonly ROOT: "footer";
+};
+export declare const DIALOG_FOOTER_DATA_TESTID: {
+    readonly ROOT: "ds-dialog-footer";
+};
+export { DSDialogName };

package/dist/types/parts/DSDialogFooter/index.d.ts

@@ -0,0 +1,3 @@
+export { DIALOG_FOOTER_DATA_TESTID, DIALOG_FOOTER_SLOTS } from './constants/index.js';
+export { DSDialogFooter, DSDialogFooterWithSchema } from './DSDialogFooter.js';
+export { type DSDialogFooterT, DSDialogFooterPropTypes } from './react-desc-prop-types.js';

package/dist/types/parts/DSDialogFooter/react-desc-prop-types.d.ts

@@ -0,0 +1,18 @@
+import type { DSPropTypesSchema, GlobalAttributesT, ValidationMap, XstyledProps } from '@elliemae/ds-props-helpers';
+import { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';
+import { DIALOG_FOOTER_SLOTS, DSDialogName } from './constants/index.js';
+export declare namespace DSDialogFooterT {
+    interface RequiredProps {
+    }
+    interface DefaultProps {
+    }
+    interface OptionalProps extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSDialogName, typeof DIALOG_FOOTER_SLOTS> {
+    }
+    interface Props extends OptionalProps, Omit<GlobalAttributesT<HTMLDivElement>, keyof XstyledProps>, XstyledProps, RequiredProps {
+    }
+    interface InternalProps extends DefaultProps, OptionalProps, Omit<GlobalAttributesT<HTMLDivElement>, keyof XstyledProps>, XstyledProps, RequiredProps {
+    }
+}
+export declare const defaultProps: DSDialogFooterT.DefaultProps;
+export declare const DSDialogFooterPropTypes: DSPropTypesSchema<DSDialogFooterT.Props>;
+export declare const DSDialogFooterPropTypesSchema: ValidationMap<DSDialogFooterT.Props>;

package/dist/types/parts/DSDialogFooter/styled.d.ts

@@ -0,0 +1 @@
+export declare const StyledDialogFooter: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;

package/dist/types/parts/DSDialogHeader/DSDialogHeader.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { type DSDialogHeaderT } from './react-desc-prop-types.js';
+declare const DSDialogHeader: React.ComponentType<DSDialogHeaderT.Props>;
+declare const DSDialogHeaderWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSDialogHeaderT.Props>;
+export { DSDialogHeader, DSDialogHeaderWithSchema };

package/dist/types/parts/DSDialogHeader/constants/index.d.ts

@@ -0,0 +1,8 @@
+import { DSDialogName } from '../../../constants/index.js';
+export declare const DIALOG_HEADER_SLOTS: {
+    readonly ROOT: "header";
+};
+export declare const DIALOG_HEADER_DATA_TESTID: {
+    readonly ROOT: "ds-dialog-header";
+};
+export { DSDialogName };

package/dist/types/parts/DSDialogHeader/index.d.ts

@@ -0,0 +1,3 @@
+export { DIALOG_HEADER_DATA_TESTID, DIALOG_HEADER_SLOTS } from './constants/index.js';
+export { DSDialogHeader, DSDialogHeaderWithSchema } from './DSDialogHeader.js';
+export { type DSDialogHeaderT, DSDialogHeaderPropTypes } from './react-desc-prop-types.js';

package/dist/types/parts/DSDialogHeader/react-desc-prop-types.d.ts

@@ -0,0 +1,18 @@
+import type { DSPropTypesSchema, GlobalAttributesT, ValidationMap, XstyledProps } from '@elliemae/ds-props-helpers';
+import { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';
+import { DIALOG_HEADER_SLOTS, DSDialogName } from './constants/index.js';
+export declare namespace DSDialogHeaderT {
+    interface RequiredProps {
+    }
+    interface DefaultProps {
+    }
+    interface OptionalProps extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSDialogName, typeof DIALOG_HEADER_SLOTS> {
+    }
+    interface Props extends OptionalProps, Omit<GlobalAttributesT<HTMLDivElement>, keyof XstyledProps>, XstyledProps, RequiredProps {
+    }
+    interface InternalProps extends DefaultProps, OptionalProps, Omit<GlobalAttributesT<HTMLDivElement>, keyof XstyledProps>, XstyledProps, RequiredProps {
+    }
+}
+export declare const defaultProps: DSDialogHeaderT.DefaultProps;
+export declare const DSDialogHeaderPropTypes: DSPropTypesSchema<DSDialogHeaderT.Props>;
+export declare const DSDialogHeaderPropTypesSchema: ValidationMap<DSDialogHeaderT.Props>;