@elliemae/ds-modal-slide 3.70.0-next.1 → 3.70.0-next.3

package/dist/cjs/DSModalSlide.js

@@ -44,7 +44,6 @@ var import_uid = require("uid");
 var import_react_dom = __toESM(require("react-dom"));
 var import_ds_system = require("@elliemae/ds-system");
 var import_ds_grid = require("@elliemae/ds-grid");
-var import_ds_separator = require("@elliemae/ds-separator");
 var import_DSModalHeader = require("./parts/DSModalHeader/index.js");
 var import_DSModalFooter = require("./parts/DSModalFooter/index.js");
 var import_react_desc_prop_types = require("./react-desc-prop-types.js");
@@ -121,6 +120,7 @@ const DSModalSlide = (props) => {
     setMoving(false);
     if (!isOpen) setShow(isOpen);
   };
+  const modalLabelledBy = header ? modalTitleId : void 0;
   return import_react_dom.default.createPortal(
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ModalSlideAnimationFix, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_styled.StyledModalWrapper,
@@ -152,33 +152,56 @@ const DSModalSlide = (props) => {
                 disappearing: !isOpen,
                 role: "dialog",
                 "aria-modal": "true",
-                "aria-labelledby": modalTitleId,
+                "aria-labelledby": modalLabelledBy,
                 getOwnerProps,
                 getOwnerPropsArguments,
-                children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.StyledGridContent, { rows: contentRows, "data-testid": "ds-modal-slide", children: [
-                  header && import_react.default.cloneElement(header, { fullWidth, modalTitleId }),
-                  header && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_separator.DSSeparator, { position: "initial", type: "non-form" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, { style: { overflow: "hidden" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                    import_styled.StyledContentWrapper,
-                    {
-                      innerRef,
-                      getOwnerProps,
-                      getOwnerPropsArguments,
-                      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                        import_styled.StyledActualContent,
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                  import_styled.StyledGridContent,
+                  {
+                    rows: contentRows,
+                    "data-testid": import_constants.MODAL_SLIDE_DATA_TESTID.GRID_CONTENT,
+                    getOwnerProps,
+                    getOwnerPropsArguments,
+                    children: [
+                      header && import_react.default.cloneElement(header, { fullWidth, modalTitleId }),
+                      header && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                        import_styled.StyledHeaderSeparator,
                         {
-                          className: "em-ds-modal-slide__actual-content",
-                          "aria-label": "Modal Slide Content",
+                          colorType: "light",
+                          getOwnerProps,
+                          getOwnerPropsArguments
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, { style: { overflow: "hidden" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                        import_styled.StyledContentWrapper,
+                        {
+                          innerRef,
                           getOwnerProps,
                           getOwnerPropsArguments,
-                          children
+                          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                            import_styled.StyledActualContent,
+                            {
+                              className: "em-ds-modal-slide__actual-content",
+                              "aria-label": "Modal Slide Content",
+                              getOwnerProps,
+                              getOwnerPropsArguments,
+                              children
+                            }
+                          )
+                        }
+                      ) }),
+                      footer && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                        import_styled.StyledFooterSeparator,
+                        {
+                          colorType: "light",
+                          getOwnerProps,
+                          getOwnerPropsArguments
                         }
-                      )
-                    }
-                  ) }),
-                  footer && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_separator.DSSeparator, { position: "initial", type: "non-form" }),
-                  footer
-                ] })
+                      ),
+                      footer
+                    ]
+                  }
+                )
               }
             )
           }

package/dist/cjs/DSModalSlide.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/DSModalSlide.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-statements */\nimport React, { useState, useEffect, useCallback, useMemo } from 'react';\nimport {\n  describe,\n  useGetGlobalAttributes,\n  useMemoMergePropsWithDefault,\n  useOwnerProps,\n} from '@elliemae/ds-props-helpers';\nimport { debounce } from 'lodash-es';\nimport { uid } from 'uid';\nimport ReactDOM from 'react-dom';\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSSeparator } from '@elliemae/ds-separator';\nimport { ModalHeader } from './parts/DSModalHeader/index.js';\nimport { ModalFooter } from './parts/DSModalFooter/index.js';\nimport { defaultProps, DSModalSlidePropTypesSchema, type DSModalSlideT } from './react-desc-prop-types.js';\nimport {\n  StyledActualContent,\n  StyledContent,\n  StyledModalWrapper,\n  StyledOverlay,\n  StyledContentWrapper,\n  StyledGridContent,\n} from './styled.js';\nimport { DSModalSlideName } from './constants/index.js';\n\n// js engine and css engine can't be guaranteed to be in sync due to how they run on different threads in the browsers\n//  this means that in some edge-cases react may have \"out-dated\" information like \"isMoving\" in this case\n//  this can cause some animation frame to have the animation \"after\" end but before react has updated the state\n//  if the css animation is not configured to stay in the end state,\n//    in those edge-cases,\n//    the animation will \"jump\" back to the start and cause a flicker\n//  this is the fix for that, it's an hack because the component is still css classname based\n//  when we re-do the modal slide, we should integrate this as the styled component css itself instead of this extra wrapper\nconst ModalSlideAnimationFix = styled.div`\n  .em-ds-modal-slide__overlay--disappearing,\n  .em-ds-modal-slide__content--disappearing {\n    animation-fill-mode: forwards;\n  }\n`;\nconst DSModalSlide: React.FC<DSModalSlideT.Props> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault<DSModalSlideT.InternalProps>(props, defaultProps);\n  const {\n    isOpen,\n    children,\n    getContainer,\n    fullWidth,\n    header,\n    footer,\n    fadeOut,\n    fadeIn,\n    overrideHeight,\n    innerRef,\n    onClose,\n  } = propsWithDefault;\n  const [, setMoving] = useState(false);\n  const [show, setShow] = useState(isOpen);\n  const [width, setWidth] = useState(50);\n  const [height, setHeight] = useState<string | number>('100%');\n  const contentRows = [...(header ? ['auto', '1px'] : []), '1fr', ...(footer ? ['1px', 'auto'] : [])];\n  const modalTitleId = React.useMemo(() => `ds-modal-slide-title-${uid(5)}`, []);\n\n  const handleOnKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Escape') onClose();\n    },\n    [onClose],\n  );\n\n  const globalAttrs = useGetGlobalAttributes(props, { onKeyDown: handleOnKeyDown });\n\n  const updateShow = useCallback(() => {\n    if (fullWidth) setWidth(100);\n    else setWidth(50);\n    if (isOpen !== show) {\n      setMoving(true);\n      if (isOpen) {\n        setShow(isOpen);\n      }\n    }\n  }, [fullWidth, isOpen, show]);\n  const { getOwnerProps, getOwnerPropsArguments } = useOwnerProps(propsWithDefault);\n\n  useEffect(updateShow, [updateShow]);\n\n  const container = getContainer();\n\n  const handleHeight = useCallback(() => {\n    const newHeight =\n      overrideHeight && container.scrollHeight > container.getBoundingClientRect().height\n        ? container.scrollHeight\n        : container.getBoundingClientRect().height;\n    setHeight(newHeight);\n  }, [container, overrideHeight]);\n\n  const onChangeParent = useMemo(() => debounce(handleHeight, 300, { leading: true }), [handleHeight]);\n\n  useEffect(() => {\n    const resizeObserver = new ResizeObserver(() => onChangeParent());\n    if (container) {\n      resizeObserver.observe(container);\n      if (!container.style.position) {\n        container.style.position = 'relative';\n      }\n      onChangeParent();\n    }\n    return () => {\n      if (container) resizeObserver.unobserve(container);\n    };\n  }, [container, onChangeParent]);\n\n  if (!show) return null;\n  if (!container) return null;\n\n  const handleAnimationEnd = () => {\n    setMoving(false);\n    if (!isOpen) setShow(isOpen);\n  };\n\n  return ReactDOM.createPortal(\n    <ModalSlideAnimationFix>\n      <StyledModalWrapper\n        className=\"em-ds-modal-slide__wrapper\"\n        {...globalAttrs}\n        height={height}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        <StyledOverlay\n          className={`em-ds-modal-slide__overlay ${\n            !isOpen ? 'em-ds-modal-slide__overlay--disappearing' : 'em-ds-modal-slide__overlay--showing'\n          }`}\n          fadeIn={fadeIn}\n          fadeOut={fadeOut}\n          showing={isOpen}\n          disappearing={!isOpen}\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        >\n          <StyledContent\n            className={`em-ds-modal-slide__content ${\n              !isOpen ? 'em-ds-modal-slide__content--disappearing' : 'em-ds-modal-slide__content--showing'\n            }`}\n            onAnimationEnd={handleAnimationEnd}\n            width={width}\n            height={height}\n            fadeIn={fadeIn}\n            fadeOut={fadeOut}\n            disappearing={!isOpen}\n            role=\"dialog\"\n            aria-modal=\"true\"\n            aria-labelledby={modalTitleId}\n            getOwnerProps={getOwnerProps}\n            getOwnerPropsArguments={getOwnerPropsArguments}\n          >\n            <StyledGridContent rows={contentRows} data-testid=\"ds-modal-slide\">\n              {header && React.cloneElement(header, { fullWidth, modalTitleId })}\n              {header && <DSSeparator position=\"initial\" type=\"non-form\" />}\n              <Grid style={{ overflow: 'hidden' }}>\n                <StyledContentWrapper\n                  innerRef={innerRef}\n                  getOwnerProps={getOwnerProps}\n                  getOwnerPropsArguments={getOwnerPropsArguments}\n                >\n                  <StyledActualContent\n                    className=\"em-ds-modal-slide__actual-content\"\n                    aria-label=\"Modal Slide Content\"\n                    getOwnerProps={getOwnerProps}\n                    getOwnerPropsArguments={getOwnerPropsArguments}\n                  >\n                    {children}\n                  </StyledActualContent>\n                </StyledContentWrapper>\n              </Grid>\n              {footer && <DSSeparator position=\"initial\" type=\"non-form\" />}\n              {footer}\n            </StyledGridContent>\n          </StyledContent>\n        </StyledOverlay>\n      </StyledModalWrapper>\n    </ModalSlideAnimationFix>,\n    container,\n  );\n};\n\nDSModalSlide.displayName = DSModalSlideName;\nconst DSModalSlideWithSchema = describe(DSModalSlide);\nDSModalSlideWithSchema.propTypes = DSModalSlidePropTypesSchema;\n\nexport { ModalHeader, ModalFooter, DSModalSlide, DSModalSlideWithSchema };\n\nexport default DSModalSlide;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable max-statements, max-lines */\nimport React, { useState, useEffect, useCallback, useMemo } from 'react';\nimport {\n  describe,\n  useGetGlobalAttributes,\n  useMemoMergePropsWithDefault,\n  useOwnerProps,\n} from '@elliemae/ds-props-helpers';\nimport { debounce } from 'lodash-es';\nimport { uid } from 'uid';\nimport ReactDOM from 'react-dom';\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { ModalHeader } from './parts/DSModalHeader/index.js';\nimport { ModalFooter } from './parts/DSModalFooter/index.js';\nimport { defaultProps, DSModalSlidePropTypesSchema, type DSModalSlideT } from './react-desc-prop-types.js';\nimport {\n  StyledActualContent,\n  StyledContent,\n  StyledModalWrapper,\n  StyledOverlay,\n  StyledContentWrapper,\n  StyledGridContent,\n  StyledHeaderSeparator,\n  StyledFooterSeparator,\n} from './styled.js';\nimport { DSModalSlideName, MODAL_SLIDE_DATA_TESTID } from './constants/index.js';\n\n// js engine and css engine can't be guaranteed to be in sync due to how they run on different threads in the browsers\n//  this means that in some edge-cases react may have \"out-dated\" information like \"isMoving\" in this case\n//  this can cause some animation frame to have the animation \"after\" end but before react has updated the state\n//  if the css animation is not configured to stay in the end state,\n//    in those edge-cases,\n//    the animation will \"jump\" back to the start and cause a flicker\n//  this is the fix for that, it's an hack because the component is still css classname based\n//  when we re-do the modal slide, we should integrate this as the styled component css itself instead of this extra wrapper\nconst ModalSlideAnimationFix = styled.div`\n  .em-ds-modal-slide__overlay--disappearing,\n  .em-ds-modal-slide__content--disappearing {\n    animation-fill-mode: forwards;\n  }\n`;\n// eslint-disable-next-line complexity\nconst DSModalSlide: React.FC<DSModalSlideT.Props> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault<DSModalSlideT.InternalProps>(props, defaultProps);\n  const {\n    isOpen,\n    children,\n    getContainer,\n    fullWidth,\n    header,\n    footer,\n    fadeOut,\n    fadeIn,\n    overrideHeight,\n    innerRef,\n    onClose,\n  } = propsWithDefault;\n  const [, setMoving] = useState(false);\n  const [show, setShow] = useState(isOpen);\n  const [width, setWidth] = useState(50);\n  const [height, setHeight] = useState<string | number>('100%');\n  const contentRows = [...(header ? ['auto', '1px'] : []), '1fr', ...(footer ? ['1px', 'auto'] : [])];\n  const modalTitleId = React.useMemo(() => `ds-modal-slide-title-${uid(5)}`, []);\n\n  const handleOnKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Escape') onClose();\n    },\n    [onClose],\n  );\n\n  const globalAttrs = useGetGlobalAttributes(props, { onKeyDown: handleOnKeyDown });\n\n  const updateShow = useCallback(() => {\n    if (fullWidth) setWidth(100);\n    else setWidth(50);\n    if (isOpen !== show) {\n      setMoving(true);\n      if (isOpen) {\n        setShow(isOpen);\n      }\n    }\n  }, [fullWidth, isOpen, show]);\n  const { getOwnerProps, getOwnerPropsArguments } = useOwnerProps(propsWithDefault);\n\n  useEffect(updateShow, [updateShow]);\n\n  const container = getContainer();\n\n  const handleHeight = useCallback(() => {\n    const newHeight =\n      overrideHeight && container.scrollHeight > container.getBoundingClientRect().height\n        ? container.scrollHeight\n        : container.getBoundingClientRect().height;\n    setHeight(newHeight);\n  }, [container, overrideHeight]);\n\n  const onChangeParent = useMemo(() => debounce(handleHeight, 300, { leading: true }), [handleHeight]);\n\n  useEffect(() => {\n    const resizeObserver = new ResizeObserver(() => onChangeParent());\n    if (container) {\n      resizeObserver.observe(container);\n      if (!container.style.position) {\n        container.style.position = 'relative';\n      }\n      onChangeParent();\n    }\n    return () => {\n      if (container) resizeObserver.unobserve(container);\n    };\n  }, [container, onChangeParent]);\n\n  if (!show) return null;\n  if (!container) return null;\n\n  const handleAnimationEnd = () => {\n    setMoving(false);\n    if (!isOpen) setShow(isOpen);\n  };\n\n  const modalLabelledBy = header ? modalTitleId : undefined;\n\n  return ReactDOM.createPortal(\n    <ModalSlideAnimationFix>\n      <StyledModalWrapper\n        className=\"em-ds-modal-slide__wrapper\"\n        {...globalAttrs}\n        height={height}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        <StyledOverlay\n          className={`em-ds-modal-slide__overlay ${\n            !isOpen ? 'em-ds-modal-slide__overlay--disappearing' : 'em-ds-modal-slide__overlay--showing'\n          }`}\n          fadeIn={fadeIn}\n          fadeOut={fadeOut}\n          showing={isOpen}\n          disappearing={!isOpen}\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        >\n          <StyledContent\n            className={`em-ds-modal-slide__content ${\n              !isOpen ? 'em-ds-modal-slide__content--disappearing' : 'em-ds-modal-slide__content--showing'\n            }`}\n            onAnimationEnd={handleAnimationEnd}\n            width={width}\n            height={height}\n            fadeIn={fadeIn}\n            fadeOut={fadeOut}\n            disappearing={!isOpen}\n            role=\"dialog\"\n            aria-modal=\"true\"\n            aria-labelledby={modalLabelledBy}\n            getOwnerProps={getOwnerProps}\n            getOwnerPropsArguments={getOwnerPropsArguments}\n          >\n            <StyledGridContent\n              rows={contentRows}\n              data-testid={MODAL_SLIDE_DATA_TESTID.GRID_CONTENT}\n              getOwnerProps={getOwnerProps}\n              getOwnerPropsArguments={getOwnerPropsArguments}\n            >\n              {header && React.cloneElement(header, { fullWidth, modalTitleId })}\n              {header && (\n                <StyledHeaderSeparator\n                  colorType=\"light\"\n                  getOwnerProps={getOwnerProps}\n                  getOwnerPropsArguments={getOwnerPropsArguments}\n                />\n              )}\n              <Grid style={{ overflow: 'hidden' }}>\n                <StyledContentWrapper\n                  innerRef={innerRef}\n                  getOwnerProps={getOwnerProps}\n                  getOwnerPropsArguments={getOwnerPropsArguments}\n                >\n                  <StyledActualContent\n                    className=\"em-ds-modal-slide__actual-content\"\n                    aria-label=\"Modal Slide Content\"\n                    getOwnerProps={getOwnerProps}\n                    getOwnerPropsArguments={getOwnerPropsArguments}\n                  >\n                    {children}\n                  </StyledActualContent>\n                </StyledContentWrapper>\n              </Grid>\n              {footer && (\n                <StyledFooterSeparator\n                  colorType=\"light\"\n                  getOwnerProps={getOwnerProps}\n                  getOwnerPropsArguments={getOwnerPropsArguments}\n                />\n              )}\n              {footer}\n            </StyledGridContent>\n          </StyledContent>\n        </StyledOverlay>\n      </StyledModalWrapper>\n    </ModalSlideAnimationFix>,\n    container,\n  );\n};\n\nDSModalSlide.displayName = DSModalSlideName;\nconst DSModalSlideWithSchema = describe(DSModalSlide);\nDSModalSlideWithSchema.propTypes = DSModalSlidePropTypesSchema;\n\nexport { ModalHeader, ModalFooter, DSModalSlide, DSModalSlideWithSchema };\n\nexport default DSModalSlide;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": ["React", "ReactDOM"]
 }

package/dist/cjs/constants/index.js

@@ -41,10 +41,14 @@ const MODAL_SLIDE_SLOTS = {
   OVERLAY: "overlay",
   CONTENT: "content",
   ACTUAL_CONTENT: "actual-content",
-  SEPARATOR: "separator",
-  CONTENT_WRAPPER: "content-wrapper"
+  HEADER_SEPARATOR: "header-separator",
+  FOOTER_SEPARATOR: "footer-separator",
+  CONTENT_WRAPPER: "content-wrapper",
+  GRID_CONTENT: "grid-content"
 };
 const MODAL_SLIDE_DATA_TESTID = {
-  ...(0, import_ds_system.slotObjectToDataTestIds)(DSModalSlideName, MODAL_SLIDE_SLOTS)
+  ...(0, import_ds_system.slotObjectToDataTestIds)(DSModalSlideName, MODAL_SLIDE_SLOTS),
+  // legacy data-testid
+  GRID_CONTENT: "ds-modal-slide"
 };
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/constants/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSModalSlideName = 'DSModalslide';\n\nexport const MODAL_SLIDE_SLOTS = {\n  ROOT: 'root',\n  OVERLAY: 'overlay',\n  CONTENT: 'content',\n  ACTUAL_CONTENT: 'actual-content',\n  SEPARATOR: 'separator',\n  CONTENT_WRAPPER: 'content-wrapper',\n};\n\nexport const MODAL_SLIDE_DATA_TESTID = {\n  ...slotObjectToDataTestIds(DSModalSlideName, MODAL_SLIDE_SLOTS),\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAwC;AAEjC,MAAM,mBAAmB;AAEzB,MAAM,oBAAoB;AAAA,EAC/B,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,WAAW;AAAA,EACX,iBAAiB;AACnB;AAEO,MAAM,0BAA0B;AAAA,EACrC,OAAG,0CAAwB,kBAAkB,iBAAiB;AAChE;",
+  "sources": ["../../../src/constants/index.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSModalSlideName = 'DSModalslide';\n\nexport const MODAL_SLIDE_SLOTS = {\n  ROOT: 'root',\n  OVERLAY: 'overlay',\n  CONTENT: 'content',\n  ACTUAL_CONTENT: 'actual-content',\n  HEADER_SEPARATOR: 'header-separator',\n  FOOTER_SEPARATOR: 'footer-separator',\n  CONTENT_WRAPPER: 'content-wrapper',\n  GRID_CONTENT: 'grid-content',\n} as const;\n\nexport const MODAL_SLIDE_DATA_TESTID = {\n  ...slotObjectToDataTestIds(DSModalSlideName, MODAL_SLIDE_SLOTS),\n  // legacy data-testid\n  GRID_CONTENT: 'ds-modal-slide',\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAwC;AAEjC,MAAM,mBAAmB;AAEzB,MAAM,oBAAoB;AAAA,EAC/B,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,cAAc;AAChB;AAEO,MAAM,0BAA0B;AAAA,EACrC,OAAG,0CAAwB,kBAAkB,iBAAiB;AAAA;AAAA,EAE9D,cAAc;AAChB;",
   "names": []
 }

package/dist/cjs/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sources": ["../../src/index.ts", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export { DSModalSlide, DSModalSlideWithSchema } from './DSModalSlide.js';\nexport {\n  DSModalHeader,\n  DSModalHeaderWithSchema,\n  DSModalHeader as ModalHeader,\n  DSModalHeaderWithSchema as DSModalSlideHeaderWithSchema,\n  DSModalHeaderName,\n  MODAL_HEADER_DATA_TESTID,\n  MODAL_HEADER_SLOTS,\n  type DSModalHeaderT,\n} from './parts/DSModalHeader/index.js';\nexport {\n  DSModalFooter,\n  DSModalFooterWithSchema,\n  DSModalFooter as ModalFooter,\n  DSModalFooterWithSchema as DSModalSlideFooterWithSchema,\n  DSModalFooterName,\n  MODAL_FOOTER_DATA_TESTID,\n  MODAL_FOOTER_SLOTS,\n  type DSModalFooterT,\n} from './parts/DSModalFooter/index.js';\nexport type { DSModalSlideT } from './react-desc-prop-types.js';\nexport {\n  MODAL_SLIDE_SLOTS,\n  MODAL_SLIDE_DATA_TESTID,\n  MODAL_SLIDE_DATA_TESTID as DSModalSlideDataTestIds,\n  DSModalSlideName,\n} from './constants/index.js';\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAAqD;AACrD,2BASO;AACP,2BASO;AAEP,uBAKO;",
   "names": []

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

@@ -43,6 +43,7 @@ const defaultProps = {
   rejectProps: { disabled: false, applyAriaDisabled: false }
 };
 const DSModalFooterPropTypes = {
+  ...(0, import_ds_props_helpers.getPropsPerSlotPropTypes)(import_constants.DSModalSlideName, import_constants.MODAL_FOOTER_SLOTS),
   ...import_ds_props_helpers.globalAttributesPropTypes,
   ...import_ds_props_helpers.xstyledPropTypes,
   confirmLabel: import_ds_props_helpers.PropTypes.string.description("Confirm Label"),
@@ -55,8 +56,7 @@ const DSModalFooterPropTypes = {
   rejectProps: import_ds_props_helpers.PropTypes.shape({
     disabled: import_ds_props_helpers.PropTypes.bool,
     applyAriaDisabled: import_ds_props_helpers.PropTypes.bool
-  }).description("Extra DSButton props for reject btn."),
-  ...(0, import_ds_props_helpers.getPropsPerDatatestIdPropTypes)(import_constants.MODAL_FOOTER_DATA_TESTID)
+  }).description("Extra DSButton props for reject btn.")
 };
 const DSModalFooterPropTypesSchema = DSModalFooterPropTypes;
 //# sourceMappingURL=react-desc-prop-types.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/parts/DSModalFooter/react-desc-prop-types.ts", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema, ValidationMap } from '@elliemae/ds-props-helpers';\nimport {\n  PropTypes,\n  getPropsPerDatatestIdPropTypes,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n} from '@elliemae/ds-props-helpers';\nimport { MODAL_FOOTER_DATA_TESTID } from './constants/index.js';\n\nexport declare namespace DSModalFooterT {\n  export interface RequiredProps {}\n\n  export interface DefaultProps {\n    confirmLabel: string;\n    rejectLabel: string;\n    confirmProps: {\n      disabled: boolean;\n      applyAriaDisabled?: boolean;\n      innerRef?: React.MutableRefObject<HTMLButtonElement | null> | React.RefCallback<HTMLButtonElement>;\n    };\n    rejectProps: {\n      disabled: boolean;\n      applyAriaDisabled?: boolean;\n    };\n  }\n\n  export interface OptionalProps {\n    onConfirm?: () => void;\n    onReject?: () => void;\n  }\n  export interface Props\n    extends Partial<DefaultProps>,\n      RequiredProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      RequiredProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps {}\n}\n\nexport const defaultProps: DSModalFooterT.DefaultProps = {\n  confirmLabel: 'Confirm',\n  rejectLabel: 'Cancel',\n  confirmProps: { disabled: false },\n  rejectProps: { disabled: false, applyAriaDisabled: false },\n};\n\nexport const DSModalFooterPropTypes: DSPropTypesSchema<DSModalFooterT.Props> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  confirmLabel: PropTypes.string.description('Confirm Label'),\n  rejectLabel: PropTypes.string.description('Reject Label'),\n  onConfirm: PropTypes.func.description('Callback'),\n  onReject: PropTypes.func.description('Callback'),\n  confirmProps: PropTypes.shape({\n    disabled: PropTypes.bool,\n  }).description('Extra DSButton props for confirm btn.'),\n  rejectProps: PropTypes.shape({\n    disabled: PropTypes.bool,\n    applyAriaDisabled: PropTypes.bool,\n  }).description('Extra DSButton props for reject btn.'),\n  ...getPropsPerDatatestIdPropTypes(MODAL_FOOTER_DATA_TESTID),\n};\n\nexport const DSModalFooterPropTypesSchema = DSModalFooterPropTypes as unknown as ValidationMap<DSModalFooterT.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,8BAKO;AACP,uBAAyC;AAsClC,MAAM,eAA4C;AAAA,EACvD,cAAc;AAAA,EACd,aAAa;AAAA,EACb,cAAc,EAAE,UAAU,MAAM;AAAA,EAChC,aAAa,EAAE,UAAU,OAAO,mBAAmB,MAAM;AAC3D;AAEO,MAAM,yBAAkE;AAAA,EAC7E,GAAG;AAAA,EACH,GAAG;AAAA,EACH,cAAc,kCAAU,OAAO,YAAY,eAAe;AAAA,EAC1D,aAAa,kCAAU,OAAO,YAAY,cAAc;AAAA,EACxD,WAAW,kCAAU,KAAK,YAAY,UAAU;AAAA,EAChD,UAAU,kCAAU,KAAK,YAAY,UAAU;AAAA,EAC/C,cAAc,kCAAU,MAAM;AAAA,IAC5B,UAAU,kCAAU;AAAA,EACtB,CAAC,EAAE,YAAY,uCAAuC;AAAA,EACtD,aAAa,kCAAU,MAAM;AAAA,IAC3B,UAAU,kCAAU;AAAA,IACpB,mBAAmB,kCAAU;AAAA,EAC/B,CAAC,EAAE,YAAY,sCAAsC;AAAA,EACrD,OAAG,wDAA+B,yCAAwB;AAC5D;AAEO,MAAM,+BAA+B;",
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema, ValidationMap } from '@elliemae/ds-props-helpers';\nimport {\n  PropTypes,\n  getPropsPerSlotPropTypes,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n} from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport { DSModalSlideName, MODAL_FOOTER_SLOTS } from './constants/index.js';\n\nexport declare namespace DSModalFooterT {\n  export interface RequiredProps {}\n\n  export interface DefaultProps {\n    confirmLabel: string;\n    rejectLabel: string;\n    confirmProps: {\n      disabled: boolean;\n      applyAriaDisabled?: boolean;\n      innerRef?: React.MutableRefObject<HTMLButtonElement | null> | React.RefCallback<HTMLButtonElement>;\n    };\n    rejectProps: {\n      disabled: boolean;\n      applyAriaDisabled?: boolean;\n    };\n  }\n\n  export type SlotFunctionArguments = {\n    dsModalslideConfirmButton: () => object;\n    dsModalslideRejectButton: () => object;\n    dsModalslideFooterWrapper: () => object;\n  };\n\n  export interface OptionalProps\n    extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSModalSlideName, typeof MODAL_FOOTER_SLOTS> {\n    onConfirm?: () => void;\n    onReject?: () => void;\n  }\n  export interface Props\n    extends Partial<DefaultProps>,\n      RequiredProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      RequiredProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps {}\n}\n\nexport const defaultProps: DSModalFooterT.DefaultProps = {\n  confirmLabel: 'Confirm',\n  rejectLabel: 'Cancel',\n  confirmProps: { disabled: false },\n  rejectProps: { disabled: false, applyAriaDisabled: false },\n};\n\nexport const DSModalFooterPropTypes: DSPropTypesSchema<DSModalFooterT.Props> = {\n  ...getPropsPerSlotPropTypes(DSModalSlideName, MODAL_FOOTER_SLOTS),\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  confirmLabel: PropTypes.string.description('Confirm Label'),\n  rejectLabel: PropTypes.string.description('Reject Label'),\n  onConfirm: PropTypes.func.description('Callback'),\n  onReject: PropTypes.func.description('Callback'),\n  confirmProps: PropTypes.shape({\n    disabled: PropTypes.bool,\n  }).description('Extra DSButton props for confirm btn.'),\n  rejectProps: PropTypes.shape({\n    disabled: PropTypes.bool,\n    applyAriaDisabled: PropTypes.bool,\n  }).description('Extra DSButton props for reject btn.'),\n};\n\nexport const DSModalFooterPropTypesSchema = DSModalFooterPropTypes as unknown as ValidationMap<DSModalFooterT.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,8BAKO;AAEP,uBAAqD;AA6C9C,MAAM,eAA4C;AAAA,EACvD,cAAc;AAAA,EACd,aAAa;AAAA,EACb,cAAc,EAAE,UAAU,MAAM;AAAA,EAChC,aAAa,EAAE,UAAU,OAAO,mBAAmB,MAAM;AAC3D;AAEO,MAAM,yBAAkE;AAAA,EAC7E,OAAG,kDAAyB,mCAAkB,mCAAkB;AAAA,EAChE,GAAG;AAAA,EACH,GAAG;AAAA,EACH,cAAc,kCAAU,OAAO,YAAY,eAAe;AAAA,EAC1D,aAAa,kCAAU,OAAO,YAAY,cAAc;AAAA,EACxD,WAAW,kCAAU,KAAK,YAAY,UAAU;AAAA,EAChD,UAAU,kCAAU,KAAK,YAAY,UAAU;AAAA,EAC/C,cAAc,kCAAU,MAAM;AAAA,IAC5B,UAAU,kCAAU;AAAA,EACtB,CAAC,EAAE,YAAY,uCAAuC;AAAA,EACtD,aAAa,kCAAU,MAAM;AAAA,IAC3B,UAAU,kCAAU;AAAA,IACpB,mBAAmB,kCAAU;AAAA,EAC/B,CAAC,EAAE,YAAY,sCAAsC;AACvD;AAEO,MAAM,+BAA+B;",
   "names": []
 }

package/dist/cjs/parts/DSModalFooter/typescript-testing/slot-props.js

@@ -0,0 +1,36 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var React = __toESM(require("react"));
+const SlotPropsAsObj = {
+  dsModalslideConfirmButton: { "aria-label": "just a typescript test" },
+  dsModalslideRejectButton: { "aria-label": "just a typescript test" },
+  dsModalslideFooterWrapper: { "aria-label": "just a typescript test" }
+};
+const SlotPropsAsFunctions = {
+  dsModalslideConfirmButton: () => ({ "aria-label": "just a typescript test" }),
+  dsModalslideRejectButton: () => ({ "aria-label": "just a typescript test" }),
+  dsModalslideFooterWrapper: () => ({ "aria-label": "just a typescript test" })
+};
+const EnsureAllSlotsExistInSlotFunctionArguments = SlotPropsAsFunctions;
+//# sourceMappingURL=slot-props.js.map

package/dist/cjs/parts/DSModalFooter/typescript-testing/slot-props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/DSModalFooter/typescript-testing/slot-props.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\n\nimport type { TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\n\nimport type { DSModalFooterT } from '../react-desc-prop-types.js';\nimport type { DSModalSlideName, MODAL_FOOTER_SLOTS } from '../constants/index.js';\n\nconst SlotPropsAsObj: Partial<DSModalFooterT.Props> = {\n  dsModalslideConfirmButton: { 'aria-label': 'just a typescript test' },\n  dsModalslideRejectButton: { 'aria-label': 'just a typescript test' },\n  dsModalslideFooterWrapper: { 'aria-label': 'just a typescript test' },\n};\n\nconst SlotPropsAsFunctions: DSModalFooterT.SlotFunctionArguments = {\n  dsModalslideConfirmButton: () => ({ 'aria-label': 'just a typescript test' }),\n  dsModalslideRejectButton: () => ({ 'aria-label': 'just a typescript test' }),\n  dsModalslideFooterWrapper: () => ({ 'aria-label': 'just a typescript test' }),\n};\n\nconst EnsureAllSlotsExistInSlotFunctionArguments: Required<\n  TypescriptHelpersT.PropsForSlots<typeof DSModalSlideName, typeof MODAL_FOOTER_SLOTS>\n> = SlotPropsAsFunctions;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;ACOvB,MAAM,iBAAgD;AAAA,EACpD,2BAA2B,EAAE,cAAc,yBAAyB;AAAA,EACpE,0BAA0B,EAAE,cAAc,yBAAyB;AAAA,EACnE,2BAA2B,EAAE,cAAc,yBAAyB;AACtE;AAEA,MAAM,uBAA6D;AAAA,EACjE,2BAA2B,OAAO,EAAE,cAAc,yBAAyB;AAAA,EAC3E,0BAA0B,OAAO,EAAE,cAAc,yBAAyB;AAAA,EAC1E,2BAA2B,OAAO,EAAE,cAAc,yBAAyB;AAC7E;AAEA,MAAM,6CAEF;",
+  "names": []
+}

package/dist/cjs/parts/DSModalHeader/DSModalHeader.js

@@ -61,18 +61,25 @@ const DSModalHeader = (props) => {
           }
         ) }) }),
         toolbar,
-        toolbar && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledSeparator, { isVertical: true }),
+        toolbar && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_styled.StyledToolbarSeparator,
+          {
+            isVertical: true,
+            getOwnerProps,
+            getOwnerPropsArguments
+          }
+        ),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           import_styled.StyledCloseButton,
           {
             "data-testid": import_constants.MODAL_HEADER_DATA_TESTID.CLOSE_BUTTON,
-            "aria-label": "Close modal slide",
+            "aria-label": title ? `Close ${title}` : "Close modal slide",
             buttonType: "icon",
             onClick: onClose,
             innerRef,
             getOwnerProps,
             getOwnerPropsArguments,
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.Close, { "aria-label": "Close modal slide", size: "s", color: ["brand-primary", "600"] })
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.Close, { size: "s", color: ["brand-primary", "600"] })
           }
         )
       ]

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/parts/DSModalHeader/DSModalHeader.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { Close } from '@elliemae/ds-icons';\nimport { type DSModalHeaderT, DSModalHeaderPropTypesSchema } from './react-desc-prop-types.js';\nimport { useModalHeader } from './config/useModalHeader.js';\nimport { MODAL_HEADER_DATA_TESTID, DSModalHeaderName } from './constants/index.js';\nimport {\n  StyledHeader,\n  StyledHeaderLeftSide,\n  StyledTitle,\n  HeaderWrapper,\n  StyledSeparator,\n  StyledCloseButton,\n} from '../../styled.js';\n\nconst DSModalHeader: React.ComponentType<DSModalHeaderT.Props> = (props) => {\n  const { propsWithDefault, getOwnerProps, getOwnerPropsArguments } = useModalHeader(props);\n\n  const { innerRef, title, onClose, toolbar, headingLevel, modalTitleId } = propsWithDefault;\n\n  return (\n    <HeaderWrapper\n      aria-label=\"Modal Slide Header\"\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n    >\n      <StyledHeaderLeftSide getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments}>\n        <StyledHeader getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments}>\n          <StyledTitle\n            id={modalTitleId}\n            variant={headingLevel}\n            getOwnerProps={getOwnerProps}\n            getOwnerPropsArguments={getOwnerPropsArguments}\n          >\n            {title}\n          </StyledTitle>\n        </StyledHeader>\n      </StyledHeaderLeftSide>\n\n      {toolbar}\n\n      {toolbar && <StyledSeparator isVertical />}\n\n      <StyledCloseButton\n        data-testid={MODAL_HEADER_DATA_TESTID.CLOSE_BUTTON}\n        aria-label=\"Close modal slide\"\n        buttonType=\"icon\"\n        onClick={onClose}\n        innerRef={innerRef}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        <Close aria-label=\"Close modal slide\" size=\"s\" color={['brand-primary', '600']} />\n      </StyledCloseButton>\n    </HeaderWrapper>\n  );\n};\n\nDSModalHeader.displayName = DSModalHeaderName;\nconst DSModalHeaderWithSchema = describe(DSModalHeader);\nDSModalHeaderWithSchema.propTypes = DSModalHeaderPropTypesSchema;\n\nexport { DSModalHeader, DSModalHeaderWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADqBnB;AApBJ,8BAAyB;AACzB,sBAAsB;AACtB,mCAAkE;AAClE,4BAA+B;AAC/B,uBAA4D;AAC5D,oBAOO;AAEP,MAAM,gBAA2D,CAAC,UAAU;AAC1E,QAAM,EAAE,kBAAkB,eAAe,uBAAuB,QAAI,sCAAe,KAAK;AAExF,QAAM,EAAE,UAAU,OAAO,SAAS,SAAS,cAAc,aAAa,IAAI;AAE1E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAW;AAAA,MACX;AAAA,MACA;AAAA,MAEA;AAAA,oDAAC,sCAAqB,eAA8B,wBAClD,sDAAC,8BAAa,eAA8B,wBAC1C;AAAA,UAAC;AAAA;AAAA,YACC,IAAI;AAAA,YACJ,SAAS;AAAA,YACT;AAAA,YACA;AAAA,YAEC;AAAA;AAAA,QACH,GACF,GACF;AAAA,QAEC;AAAA,QAEA,WAAW,4CAAC,iCAAgB,YAAU,MAAC;AAAA,QAExC;AAAA,UAAC;AAAA;AAAA,YACC,eAAa,0CAAyB;AAAA,YACtC,cAAW;AAAA,YACX,YAAW;AAAA,YACX,SAAS;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,YAEA,sDAAC,yBAAM,cAAW,qBAAoB,MAAK,KAAI,OAAO,CAAC,iBAAiB,KAAK,GAAG;AAAA;AAAA,QAClF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,cAAc,cAAc;AAC5B,MAAM,8BAA0B,kCAAS,aAAa;AACtD,wBAAwB,YAAY;",
+  "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { Close } from '@elliemae/ds-icons';\nimport { type DSModalHeaderT, DSModalHeaderPropTypesSchema } from './react-desc-prop-types.js';\nimport { useModalHeader } from './config/useModalHeader.js';\nimport { MODAL_HEADER_DATA_TESTID, DSModalHeaderName } from './constants/index.js';\nimport {\n  StyledHeader,\n  StyledHeaderLeftSide,\n  StyledTitle,\n  HeaderWrapper,\n  StyledToolbarSeparator,\n  StyledCloseButton,\n} from '../../styled.js';\n\nconst DSModalHeader: React.ComponentType<DSModalHeaderT.Props> = (props) => {\n  const { propsWithDefault, getOwnerProps, getOwnerPropsArguments } = useModalHeader(props);\n\n  const { innerRef, title, onClose, toolbar, headingLevel, modalTitleId } = propsWithDefault;\n\n  return (\n    <HeaderWrapper\n      aria-label=\"Modal Slide Header\"\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n    >\n      <StyledHeaderLeftSide getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments}>\n        <StyledHeader getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments}>\n          <StyledTitle\n            id={modalTitleId}\n            variant={headingLevel}\n            getOwnerProps={getOwnerProps}\n            getOwnerPropsArguments={getOwnerPropsArguments}\n          >\n            {title}\n          </StyledTitle>\n        </StyledHeader>\n      </StyledHeaderLeftSide>\n\n      {toolbar}\n\n      {toolbar && (\n        <StyledToolbarSeparator\n          isVertical\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        />\n      )}\n\n      <StyledCloseButton\n        data-testid={MODAL_HEADER_DATA_TESTID.CLOSE_BUTTON}\n        aria-label={title ? `Close ${title}` : 'Close modal slide'}\n        buttonType=\"icon\"\n        onClick={onClose}\n        innerRef={innerRef}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        <Close size=\"s\" color={['brand-primary', '600']} />\n      </StyledCloseButton>\n    </HeaderWrapper>\n  );\n};\n\nDSModalHeader.displayName = DSModalHeaderName;\nconst DSModalHeaderWithSchema = describe(DSModalHeader);\nDSModalHeaderWithSchema.propTypes = DSModalHeaderPropTypesSchema;\n\nexport { DSModalHeader, DSModalHeaderWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADqBnB;AApBJ,8BAAyB;AACzB,sBAAsB;AACtB,mCAAkE;AAClE,4BAA+B;AAC/B,uBAA4D;AAC5D,oBAOO;AAEP,MAAM,gBAA2D,CAAC,UAAU;AAC1E,QAAM,EAAE,kBAAkB,eAAe,uBAAuB,QAAI,sCAAe,KAAK;AAExF,QAAM,EAAE,UAAU,OAAO,SAAS,SAAS,cAAc,aAAa,IAAI;AAE1E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAW;AAAA,MACX;AAAA,MACA;AAAA,MAEA;AAAA,oDAAC,sCAAqB,eAA8B,wBAClD,sDAAC,8BAAa,eAA8B,wBAC1C;AAAA,UAAC;AAAA;AAAA,YACC,IAAI;AAAA,YACJ,SAAS;AAAA,YACT;AAAA,YACA;AAAA,YAEC;AAAA;AAAA,QACH,GACF,GACF;AAAA,QAEC;AAAA,QAEA,WACC;AAAA,UAAC;AAAA;AAAA,YACC,YAAU;AAAA,YACV;AAAA,YACA;AAAA;AAAA,QACF;AAAA,QAGF;AAAA,UAAC;AAAA;AAAA,YACC,eAAa,0CAAyB;AAAA,YACtC,cAAY,QAAQ,SAAS,KAAK,KAAK;AAAA,YACvC,YAAW;AAAA,YACX,SAAS;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,YAEA,sDAAC,yBAAM,MAAK,KAAI,OAAO,CAAC,iBAAiB,KAAK,GAAG;AAAA;AAAA,QACnD;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,cAAc,cAAc;AAC5B,MAAM,8BAA0B,kCAAS,aAAa;AACtD,wBAAwB,YAAY;",
   "names": []
 }

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

@@ -43,10 +43,12 @@ const MODAL_HEADER_SLOTS = {
   HEADER_LEFT_SIDE: "header-left-side",
   HEADER: "header",
   HEADER_WRAPPER: "header-wrapper",
+  TOOLBAR_SEPARATOR: "toolbar-separator",
   CLOSE_BUTTON: "close-button"
 };
 const MODAL_HEADER_DATA_TESTID = {
   ...(0, import_ds_system.slotObjectToDataTestIds)(import_constants.DSModalSlideName, MODAL_HEADER_SLOTS),
+  // legacy test IDs — preserved for QA/consumer compatibility, breaking change if removed
   CLOSE_BUTTON: "modal-slider-header-close"
 };
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/parts/DSModalHeader/constants/index.ts", "../../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { slotObjectToDataTestIds } from '@elliemae/ds-system';\nimport { DSModalSlideName } from '../../../constants/index.js';\nexport { DSModalSlideName };\n\nexport const DSModalHeaderName = 'DSModalHeader';\n\nexport const MODAL_HEADER_SLOTS = {\n  TITLE: 'title',\n  HEADER_LEFT_SIDE: 'header-left-side',\n  HEADER: 'header',\n  HEADER_WRAPPER: 'header-wrapper',\n  CLOSE_BUTTON: 'close-button',\n} as const;\n\nexport const MODAL_HEADER_DATA_TESTID = {\n  ...slotObjectToDataTestIds(DSModalSlideName, MODAL_HEADER_SLOTS),\n  CLOSE_BUTTON: 'modal-slider-header-close',\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAwC;AACxC,uBAAiC;AAG1B,MAAM,oBAAoB;AAE1B,MAAM,qBAAqB;AAAA,EAChC,OAAO;AAAA,EACP,kBAAkB;AAAA,EAClB,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,cAAc;AAChB;AAEO,MAAM,2BAA2B;AAAA,EACtC,OAAG,0CAAwB,mCAAkB,kBAAkB;AAAA,EAC/D,cAAc;AAChB;",
+  "sourcesContent": ["import { slotObjectToDataTestIds } from '@elliemae/ds-system';\nimport { DSModalSlideName } from '../../../constants/index.js';\nexport { DSModalSlideName };\n\nexport const DSModalHeaderName = 'DSModalHeader';\n\nexport const MODAL_HEADER_SLOTS = {\n  TITLE: 'title',\n  HEADER_LEFT_SIDE: 'header-left-side',\n  HEADER: 'header',\n  HEADER_WRAPPER: 'header-wrapper',\n  TOOLBAR_SEPARATOR: 'toolbar-separator',\n  CLOSE_BUTTON: 'close-button',\n} as const;\n\nexport const MODAL_HEADER_DATA_TESTID = {\n  ...slotObjectToDataTestIds(DSModalSlideName, MODAL_HEADER_SLOTS),\n  // legacy test IDs \u2014 preserved for QA/consumer compatibility, breaking change if removed\n  CLOSE_BUTTON: 'modal-slider-header-close',\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAwC;AACxC,uBAAiC;AAG1B,MAAM,oBAAoB;AAE1B,MAAM,qBAAqB;AAAA,EAChC,OAAO;AAAA,EACP,kBAAkB;AAAA,EAClB,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,mBAAmB;AAAA,EACnB,cAAc;AAChB;AAEO,MAAM,2BAA2B;AAAA,EACtC,OAAG,0CAAwB,mCAAkB,kBAAkB;AAAA;AAAA,EAE/D,cAAc;AAChB;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/parts/DSModalHeader/react-desc-prop-types.ts", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema, ValidationMap } from '@elliemae/ds-props-helpers';\nimport {\n  PropTypes,\n  getPropsPerSlotPropTypes,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n} from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type { DSTypographyT } from '@elliemae/ds-typography';\nimport { DSModalSlideName, MODAL_HEADER_SLOTS } from './constants/index.js';\n\nexport declare namespace DSModalHeaderT {\n  export interface RequiredProps {}\n\n  export interface DefaultProps {\n    title: string;\n    onClose: () => void;\n    headingLevel: DSTypographyT.HeadingVariants;\n    modalTitleId: string;\n  }\n\n  export interface OptionalProps\n    extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSModalSlideName, typeof MODAL_HEADER_SLOTS> {\n    toolbar?: React.ReactNode;\n    innerRef?: React.MutableRefObject<HTMLButtonElement | null> | React.RefCallback<HTMLButtonElement>;\n  }\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const defaultProps: DSModalHeaderT.DefaultProps = {\n  title: '',\n  onClose: () => null,\n  headingLevel: 'h3',\n  modalTitleId: 'ds-modal-slide-title',\n};\n\nexport const DSModalHeaderPropTypes: DSPropTypesSchema<DSModalHeaderT.Props> = {\n  ...getPropsPerSlotPropTypes(DSModalSlideName, MODAL_HEADER_SLOTS),\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  title: PropTypes.string.description('Modal title'),\n  onClose: PropTypes.func.description('Callback when modal is closed'),\n  toolbar: PropTypes.node.description('Modal toolbar component'),\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description('Ref to the modal header button'),\n  headingLevel: PropTypes.string.description('Heading level for modal title'),\n  modalTitleId: PropTypes.string.description('Id of the modal title'),\n};\n\nexport const DSModalHeaderPropTypesSchema = DSModalHeaderPropTypes as unknown as ValidationMap<DSModalHeaderT.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,8BAKO;AAGP,uBAAqD;AAgC9C,MAAM,eAA4C;AAAA,EACvD,OAAO;AAAA,EACP,SAAS,MAAM;AAAA,EACf,cAAc;AAAA,EACd,cAAc;AAChB;AAEO,MAAM,yBAAkE;AAAA,EAC7E,OAAG,kDAAyB,mCAAkB,mCAAkB;AAAA,EAChE,GAAG;AAAA,EACH,GAAG;AAAA,EACH,OAAO,kCAAU,OAAO,YAAY,aAAa;AAAA,EACjD,SAAS,kCAAU,KAAK,YAAY,+BAA+B;AAAA,EACnE,SAAS,kCAAU,KAAK,YAAY,yBAAyB;AAAA,EAC7D,UAAU,kCAAU,UAAU,CAAC,kCAAU,MAAM,kCAAU,MAAM,CAAC,EAAE,YAAY,gCAAgC;AAAA,EAC9G,cAAc,kCAAU,OAAO,YAAY,+BAA+B;AAAA,EAC1E,cAAc,kCAAU,OAAO,YAAY,uBAAuB;AACpE;AAEO,MAAM,+BAA+B;",
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema, ValidationMap } from '@elliemae/ds-props-helpers';\nimport {\n  PropTypes,\n  getPropsPerSlotPropTypes,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n} from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type { DSTypographyT } from '@elliemae/ds-typography';\nimport { DSModalSlideName, MODAL_HEADER_SLOTS } from './constants/index.js';\n\nexport declare namespace DSModalHeaderT {\n  export interface RequiredProps {}\n\n  export interface DefaultProps {\n    title: string;\n    onClose: () => void;\n    headingLevel: DSTypographyT.HeadingVariants;\n    modalTitleId: string;\n  }\n\n  export type SlotFunctionArguments = {\n    dsModalslideTitle: () => object;\n    dsModalslideHeaderLeftSide: () => object;\n    dsModalslideHeader: () => object;\n    dsModalslideHeaderWrapper: () => object;\n    dsModalslideToolbarSeparator: () => object;\n    dsModalslideCloseButton: () => object;\n  };\n\n  export interface OptionalProps\n    extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSModalSlideName, typeof MODAL_HEADER_SLOTS> {\n    toolbar?: React.ReactNode;\n    innerRef?: React.MutableRefObject<HTMLButtonElement | null> | React.RefCallback<HTMLButtonElement>;\n  }\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const defaultProps: DSModalHeaderT.DefaultProps = {\n  title: '',\n  onClose: () => null,\n  headingLevel: 'h3',\n  modalTitleId: 'ds-modal-slide-title',\n};\n\nexport const DSModalHeaderPropTypes: DSPropTypesSchema<DSModalHeaderT.Props> = {\n  ...getPropsPerSlotPropTypes(DSModalSlideName, MODAL_HEADER_SLOTS),\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  title: PropTypes.string.description('Modal title'),\n  onClose: PropTypes.func.description('Callback when modal is closed'),\n  toolbar: PropTypes.node.description('Modal toolbar component'),\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description('Ref to the modal header button'),\n  headingLevel: PropTypes.string.description('Heading level for modal title'),\n  modalTitleId: PropTypes.string.description('Id of the modal title'),\n};\n\nexport const DSModalHeaderPropTypesSchema = DSModalHeaderPropTypes as unknown as ValidationMap<DSModalHeaderT.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,8BAKO;AAGP,uBAAqD;AAyC9C,MAAM,eAA4C;AAAA,EACvD,OAAO;AAAA,EACP,SAAS,MAAM;AAAA,EACf,cAAc;AAAA,EACd,cAAc;AAChB;AAEO,MAAM,yBAAkE;AAAA,EAC7E,OAAG,kDAAyB,mCAAkB,mCAAkB;AAAA,EAChE,GAAG;AAAA,EACH,GAAG;AAAA,EACH,OAAO,kCAAU,OAAO,YAAY,aAAa;AAAA,EACjD,SAAS,kCAAU,KAAK,YAAY,+BAA+B;AAAA,EACnE,SAAS,kCAAU,KAAK,YAAY,yBAAyB;AAAA,EAC7D,UAAU,kCAAU,UAAU,CAAC,kCAAU,MAAM,kCAAU,MAAM,CAAC,EAAE,YAAY,gCAAgC;AAAA,EAC9G,cAAc,kCAAU,OAAO,YAAY,+BAA+B;AAAA,EAC1E,cAAc,kCAAU,OAAO,YAAY,uBAAuB;AACpE;AAEO,MAAM,+BAA+B;",
   "names": []
 }

package/dist/cjs/parts/DSModalHeader/typescript-testing/slot-props.js

@@ -0,0 +1,42 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var React = __toESM(require("react"));
+const SlotPropsAsObj = {
+  dsModalslideTitle: { "aria-label": "just a typescript test" },
+  dsModalslideHeaderLeftSide: { "aria-label": "just a typescript test" },
+  dsModalslideHeader: { "aria-label": "just a typescript test" },
+  dsModalslideHeaderWrapper: { "aria-label": "just a typescript test" },
+  dsModalslideToolbarSeparator: { "aria-label": "just a typescript test" },
+  dsModalslideCloseButton: { "aria-label": "just a typescript test" }
+};
+const SlotPropsAsFunctions = {
+  dsModalslideTitle: () => ({ "aria-label": "just a typescript test" }),
+  dsModalslideHeaderLeftSide: () => ({ "aria-label": "just a typescript test" }),
+  dsModalslideHeader: () => ({ "aria-label": "just a typescript test" }),
+  dsModalslideHeaderWrapper: () => ({ "aria-label": "just a typescript test" }),
+  dsModalslideToolbarSeparator: () => ({ "aria-label": "just a typescript test" }),
+  dsModalslideCloseButton: () => ({ "aria-label": "just a typescript test" })
+};
+const EnsureAllSlotsExistInSlotFunctionArguments = SlotPropsAsFunctions;
+//# sourceMappingURL=slot-props.js.map

package/dist/cjs/parts/DSModalHeader/typescript-testing/slot-props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/DSModalHeader/typescript-testing/slot-props.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\n\nimport type { TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\n\nimport type { DSModalHeaderT } from '../react-desc-prop-types.js';\nimport type { DSModalSlideName, MODAL_HEADER_SLOTS } from '../constants/index.js';\n\nconst SlotPropsAsObj: Partial<DSModalHeaderT.Props> = {\n  dsModalslideTitle: { 'aria-label': 'just a typescript test' },\n  dsModalslideHeaderLeftSide: { 'aria-label': 'just a typescript test' },\n  dsModalslideHeader: { 'aria-label': 'just a typescript test' },\n  dsModalslideHeaderWrapper: { 'aria-label': 'just a typescript test' },\n  dsModalslideToolbarSeparator: { 'aria-label': 'just a typescript test' },\n  dsModalslideCloseButton: { 'aria-label': 'just a typescript test' },\n};\n\nconst SlotPropsAsFunctions: DSModalHeaderT.SlotFunctionArguments = {\n  dsModalslideTitle: () => ({ 'aria-label': 'just a typescript test' }),\n  dsModalslideHeaderLeftSide: () => ({ 'aria-label': 'just a typescript test' }),\n  dsModalslideHeader: () => ({ 'aria-label': 'just a typescript test' }),\n  dsModalslideHeaderWrapper: () => ({ 'aria-label': 'just a typescript test' }),\n  dsModalslideToolbarSeparator: () => ({ 'aria-label': 'just a typescript test' }),\n  dsModalslideCloseButton: () => ({ 'aria-label': 'just a typescript test' }),\n};\n\nconst EnsureAllSlotsExistInSlotFunctionArguments: Required<\n  TypescriptHelpersT.PropsForSlots<typeof DSModalSlideName, typeof MODAL_HEADER_SLOTS>\n> = SlotPropsAsFunctions;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;ACOvB,MAAM,iBAAgD;AAAA,EACpD,mBAAmB,EAAE,cAAc,yBAAyB;AAAA,EAC5D,4BAA4B,EAAE,cAAc,yBAAyB;AAAA,EACrE,oBAAoB,EAAE,cAAc,yBAAyB;AAAA,EAC7D,2BAA2B,EAAE,cAAc,yBAAyB;AAAA,EACpE,8BAA8B,EAAE,cAAc,yBAAyB;AAAA,EACvE,yBAAyB,EAAE,cAAc,yBAAyB;AACpE;AAEA,MAAM,uBAA6D;AAAA,EACjE,mBAAmB,OAAO,EAAE,cAAc,yBAAyB;AAAA,EACnE,4BAA4B,OAAO,EAAE,cAAc,yBAAyB;AAAA,EAC5E,oBAAoB,OAAO,EAAE,cAAc,yBAAyB;AAAA,EACpE,2BAA2B,OAAO,EAAE,cAAc,yBAAyB;AAAA,EAC3E,8BAA8B,OAAO,EAAE,cAAc,yBAAyB;AAAA,EAC9E,yBAAyB,OAAO,EAAE,cAAc,yBAAyB;AAC3E;AAEA,MAAM,6CAEF;",
+  "names": []
+}

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

@@ -35,6 +35,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");
 const defaultProps = {
   isOpen: false,
   centered: false,
@@ -46,6 +47,7 @@ const defaultProps = {
   }
 };
 const DSModalSlidePropTypes = {
+  ...(0, import_ds_props_helpers.getPropsPerSlotPropTypes)(import_constants.DSModalSlideName, import_constants.MODAL_SLIDE_SLOTS),
   ...import_ds_props_helpers.globalAttributesPropTypes,
   ...import_ds_props_helpers.xstyledPropTypes,
   /**

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../src/react-desc-prop-types.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-redundant-type-constituents */\n/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSModalSlideT {\n  type PropsT<D, R, O, E> = Partial<D> & R & O & Omit<GlobalAttributesT<E>, keyof D | keyof R | keyof O> & XstyledProps;\n  type InternalPropsT<D, R, O, E> = D & R & O & Omit<GlobalAttributesT<E>, keyof D | keyof R | keyof O> & XstyledProps;\n\n  export interface RequiredProps {\n    getContainer: () => HTMLElement;\n  }\n\n  export interface DefaultProps {\n    isOpen: boolean;\n    centered: boolean;\n    fullWidth: boolean;\n    fadeOut: number;\n    fadeIn: number;\n    overrideHeight: boolean;\n    onClose: () => void;\n  }\n\n  export interface OptionalProps {\n    header?: JSX.Element;\n    footer?: React.ReactNode;\n    children?: React.ReactNode;\n    innerRef?: React.MutableRefObject<HTMLDivElement | null> | React.RefCallback<HTMLDivElement>;\n  }\n\n  export type Props = PropsT<DefaultProps, RequiredProps, OptionalProps, HTMLElement>;\n\n  export type InternalProps = InternalPropsT<DefaultProps, RequiredProps, OptionalProps, HTMLElement>;\n}\n\nexport const defaultProps: DSModalSlideT.DefaultProps = {\n  isOpen: false,\n  centered: false,\n  fullWidth: false,\n  fadeOut: 1500,\n  fadeIn: 1500,\n  overrideHeight: false,\n  onClose: () => {},\n};\n\nexport const DSModalSlidePropTypes: DSPropTypesSchema<DSModalSlideT.Props> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  /**\n   * If the modal slide is centered or not\n   */\n  centered: PropTypes.bool.description('If the modal slide is centered or not'),\n  /**\n   * If the modal slide is visible or not\n   */\n  isOpen: PropTypes.bool.description('If the modal slide is visible or not'),\n  /**\n   * Main content of the modal\n   */\n  children: PropTypes.oneOfType([PropTypes.node]).isRequired.description('Main content of the modal'),\n  /**\n   * If the modal slide takes the full width or not\n   */\n  fullWidth: PropTypes.bool.description('If the modal slide takes the full width or not'),\n  /**\n   * If the modal slide has a header, only available for full width option\n   */\n  header: PropTypes.element.description('If the modal slide has a header, only available for full width option'),\n  /**\n   * If the modal slide has a footer\n   */\n  footer: PropTypes.element.description('If the modal slide has a footer'),\n  /**\n   * Ratio of fade out\n   */\n  fadeOut: PropTypes.number.description('Ratio of fade out'),\n  /**\n   * Ratio of fade in\n   */\n  fadeIn: PropTypes.number.description('Ratio of fade in'),\n  /**\n   * Override the panel height to scroll height of the container\n   */\n  overrideHeight: PropTypes.bool.description('Override the panel height to scroll height of the container'),\n  getContainer: PropTypes.func.description('Should return the container of the modal slide').isRequired,\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description('Ref to the modal slide'),\n  onClose: PropTypes.func.description('On modal slide close callback'),\n};\n\nexport const DSModalSlidePropTypesSchema =\n  DSModalSlidePropTypes as unknown as React.WeakValidationMap<DSModalSlideT.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,8BAAuE;AAgChE,MAAM,eAA2C;AAAA,EACtD,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,WAAW;AAAA,EACX,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,SAAS,MAAM;AAAA,EAAC;AAClB;AAEO,MAAM,wBAAgE;AAAA,EAC3E,GAAG;AAAA,EACH,GAAG;AAAA;AAAA;AAAA;AAAA,EAIH,UAAU,kCAAU,KAAK,YAAY,uCAAuC;AAAA;AAAA;AAAA;AAAA,EAI5E,QAAQ,kCAAU,KAAK,YAAY,sCAAsC;AAAA;AAAA;AAAA;AAAA,EAIzE,UAAU,kCAAU,UAAU,CAAC,kCAAU,IAAI,CAAC,EAAE,WAAW,YAAY,2BAA2B;AAAA;AAAA;AAAA;AAAA,EAIlG,WAAW,kCAAU,KAAK,YAAY,gDAAgD;AAAA;AAAA;AAAA;AAAA,EAItF,QAAQ,kCAAU,QAAQ,YAAY,uEAAuE;AAAA;AAAA;AAAA;AAAA,EAI7G,QAAQ,kCAAU,QAAQ,YAAY,iCAAiC;AAAA;AAAA;AAAA;AAAA,EAIvE,SAAS,kCAAU,OAAO,YAAY,mBAAmB;AAAA;AAAA;AAAA;AAAA,EAIzD,QAAQ,kCAAU,OAAO,YAAY,kBAAkB;AAAA;AAAA;AAAA;AAAA,EAIvD,gBAAgB,kCAAU,KAAK,YAAY,6DAA6D;AAAA,EACxG,cAAc,kCAAU,KAAK,YAAY,gDAAgD,EAAE;AAAA,EAC3F,UAAU,kCAAU,UAAU,CAAC,kCAAU,MAAM,kCAAU,MAAM,CAAC,EAAE,YAAY,wBAAwB;AAAA,EACtG,SAAS,kCAAU,KAAK,YAAY,+BAA+B;AACrE;AAEO,MAAM,8BACX;",
+  "sources": ["../../src/react-desc-prop-types.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-redundant-type-constituents */\n/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport {\n  PropTypes,\n  getPropsPerSlotPropTypes,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n} from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport { DSModalSlideName, MODAL_SLIDE_SLOTS } from './constants/index.js';\n\nexport declare namespace DSModalSlideT {\n  type PropsT<D, R, O, E> = Partial<D> & R & O & Omit<GlobalAttributesT<E>, keyof D | keyof R | keyof O> & XstyledProps;\n  type InternalPropsT<D, R, O, E> = D & R & O & Omit<GlobalAttributesT<E>, keyof D | keyof R | keyof O> & XstyledProps;\n\n  export interface RequiredProps {\n    getContainer: () => HTMLElement;\n  }\n\n  export interface DefaultProps {\n    isOpen: boolean;\n    centered: boolean;\n    fullWidth: boolean;\n    fadeOut: number;\n    fadeIn: number;\n    overrideHeight: boolean;\n    onClose: () => void;\n  }\n\n  export interface OptionalProps\n    extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSModalSlideName, typeof MODAL_SLIDE_SLOTS> {\n    header?: React.ReactElement;\n    footer?: React.ReactNode;\n    children?: React.ReactNode;\n    innerRef?: React.MutableRefObject<HTMLDivElement | null> | React.RefCallback<HTMLDivElement>;\n  }\n\n  export type Props = PropsT<DefaultProps, RequiredProps, OptionalProps, HTMLElement>;\n\n  export type InternalProps = InternalPropsT<DefaultProps, RequiredProps, OptionalProps, HTMLElement>;\n}\n\nexport const defaultProps: DSModalSlideT.DefaultProps = {\n  isOpen: false,\n  centered: false,\n  fullWidth: false,\n  fadeOut: 1500,\n  fadeIn: 1500,\n  overrideHeight: false,\n  onClose: () => {},\n};\n\nexport declare namespace DSModalSlideT {\n  export type SlotFunctionArguments = {\n    dsModalslideRoot: () => object;\n    dsModalslideOverlay: () => object;\n    dsModalslideContent: () => object;\n    dsModalslideActualContent: () => object;\n    dsModalslideHeaderSeparator: () => object;\n    dsModalslideFooterSeparator: () => object;\n    dsModalslideContentWrapper: () => object;\n    dsModalslideGridContent: () => object;\n  };\n}\n\nexport const DSModalSlidePropTypes: DSPropTypesSchema<DSModalSlideT.Props> = {\n  ...getPropsPerSlotPropTypes(DSModalSlideName, MODAL_SLIDE_SLOTS),\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  /**\n   * If the modal slide is centered or not\n   */\n  centered: PropTypes.bool.description('If the modal slide is centered or not'),\n  /**\n   * If the modal slide is visible or not\n   */\n  isOpen: PropTypes.bool.description('If the modal slide is visible or not'),\n  /**\n   * Main content of the modal\n   */\n  children: PropTypes.oneOfType([PropTypes.node]).isRequired.description('Main content of the modal'),\n  /**\n   * If the modal slide takes the full width or not\n   */\n  fullWidth: PropTypes.bool.description('If the modal slide takes the full width or not'),\n  /**\n   * If the modal slide has a header, only available for full width option\n   */\n  header: PropTypes.element.description('If the modal slide has a header, only available for full width option'),\n  /**\n   * If the modal slide has a footer\n   */\n  footer: PropTypes.element.description('If the modal slide has a footer'),\n  /**\n   * Ratio of fade out\n   */\n  fadeOut: PropTypes.number.description('Ratio of fade out'),\n  /**\n   * Ratio of fade in\n   */\n  fadeIn: PropTypes.number.description('Ratio of fade in'),\n  /**\n   * Override the panel height to scroll height of the container\n   */\n  overrideHeight: PropTypes.bool.description('Override the panel height to scroll height of the container'),\n  getContainer: PropTypes.func.description('Should return the container of the modal slide').isRequired,\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description('Ref to the modal slide'),\n  onClose: PropTypes.func.description('On modal slide close callback'),\n};\n\nexport const DSModalSlidePropTypesSchema =\n  DSModalSlidePropTypes as unknown as React.WeakValidationMap<DSModalSlideT.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,8BAKO;AAEP,uBAAoD;AAiC7C,MAAM,eAA2C;AAAA,EACtD,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,WAAW;AAAA,EACX,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,SAAS,MAAM;AAAA,EAAC;AAClB;AAeO,MAAM,wBAAgE;AAAA,EAC3E,OAAG,kDAAyB,mCAAkB,kCAAiB;AAAA,EAC/D,GAAG;AAAA,EACH,GAAG;AAAA;AAAA;AAAA;AAAA,EAIH,UAAU,kCAAU,KAAK,YAAY,uCAAuC;AAAA;AAAA;AAAA;AAAA,EAI5E,QAAQ,kCAAU,KAAK,YAAY,sCAAsC;AAAA;AAAA;AAAA;AAAA,EAIzE,UAAU,kCAAU,UAAU,CAAC,kCAAU,IAAI,CAAC,EAAE,WAAW,YAAY,2BAA2B;AAAA;AAAA;AAAA;AAAA,EAIlG,WAAW,kCAAU,KAAK,YAAY,gDAAgD;AAAA;AAAA;AAAA;AAAA,EAItF,QAAQ,kCAAU,QAAQ,YAAY,uEAAuE;AAAA;AAAA;AAAA;AAAA,EAI7G,QAAQ,kCAAU,QAAQ,YAAY,iCAAiC;AAAA;AAAA;AAAA;AAAA,EAIvE,SAAS,kCAAU,OAAO,YAAY,mBAAmB;AAAA;AAAA;AAAA;AAAA,EAIzD,QAAQ,kCAAU,OAAO,YAAY,kBAAkB;AAAA;AAAA;AAAA;AAAA,EAIvD,gBAAgB,kCAAU,KAAK,YAAY,6DAA6D;AAAA,EACxG,cAAc,kCAAU,KAAK,YAAY,gDAAgD,EAAE;AAAA,EAC3F,UAAU,kCAAU,UAAU,CAAC,kCAAU,MAAM,kCAAU,MAAM,CAAC,EAAE,YAAY,wBAAwB;AAAA,EACtG,SAAS,kCAAU,KAAK,YAAY,+BAA+B;AACrE;AAEO,MAAM,8BACX;",
   "names": []
 }

package/dist/cjs/styled.js

@@ -34,15 +34,17 @@ __export(styled_exports, {
   StyledConfirmButton: () => StyledConfirmButton,
   StyledContent: () => StyledContent,
   StyledContentWrapper: () => StyledContentWrapper,
+  StyledFooterSeparator: () => StyledFooterSeparator,
   StyledFooterWrapper: () => StyledFooterWrapper,
   StyledGridContent: () => StyledGridContent,
   StyledHeader: () => StyledHeader,
   StyledHeaderLeftSide: () => StyledHeaderLeftSide,
+  StyledHeaderSeparator: () => StyledHeaderSeparator,
   StyledModalWrapper: () => StyledModalWrapper,
   StyledOverlay: () => StyledOverlay,
   StyledRejectButton: () => StyledRejectButton,
-  StyledSeparator: () => StyledSeparator,
-  StyledTitle: () => StyledTitle
+  StyledTitle: () => StyledTitle,
+  StyledToolbarSeparator: () => StyledToolbarSeparator
 });
 module.exports = __toCommonJS(styled_exports);
 var React = __toESM(require("react"));
@@ -129,7 +131,10 @@ const StyledContent = (0, import_ds_system.styled)("div", { name: import_constan
   animation: ${(props) => props.disappearing ? contentAnimationOut : contentAnimationIn}
     calc(${(props) => props.disappearing ? props.fadeOut / 2 : props.fadeIn / 2} * 1ms) linear;
 `;
-const StyledGridContent = (0, import_ds_system.styled)(import_ds_grid.Grid)`
+const StyledGridContent = (0, import_ds_system.styled)(import_ds_grid.Grid, {
+  name: import_constants.DSModalSlideName,
+  slot: import_constants.MODAL_SLIDE_SLOTS.GRID_CONTENT
+})`
   height: 100%;
   width: 100%;
   max-height: 100%;
@@ -185,7 +190,18 @@ const HeaderWrapper = (0, import_ds_system.styled)("div", { name: import_constan
   overflow: hidden;
   padding: ${(props) => props.theme.space.xxs} ${(props) => props.theme.space.xs};
 `;
-const StyledSeparator = (0, import_ds_system.styled)(import_ds_separator.DSSeparatorV2, { name: import_constants.DSModalSlideName, slot: import_constants.MODAL_SLIDE_SLOTS.SEPARATOR })`
+const StyledHeaderSeparator = (0, import_ds_system.styled)(import_ds_separator.DSSeparatorV2, {
+  name: import_constants.DSModalSlideName,
+  slot: import_constants.MODAL_SLIDE_SLOTS.HEADER_SEPARATOR
+})``;
+const StyledFooterSeparator = (0, import_ds_system.styled)(import_ds_separator.DSSeparatorV2, {
+  name: import_constants.DSModalSlideName,
+  slot: import_constants.MODAL_SLIDE_SLOTS.FOOTER_SEPARATOR
+})``;
+const StyledToolbarSeparator = (0, import_ds_system.styled)(import_ds_separator.DSSeparatorV2, {
+  name: import_constants.DSModalSlideName,
+  slot: import_constants3.MODAL_HEADER_SLOTS.TOOLBAR_SEPARATOR
+})`
   height: 33%;
   background: ${(props) => props.theme.colors.neutral["300"]};
 `;