@elliemae/ds-transition 3.16.0 → 3.16.1

package/dist/cjs/collapse/DSCollapse.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   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
 ));
@@ -33,9 +37,9 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-var import_useCollapse = require("./useCollapse");
-var import_react_desc_prop_types = require("./react-desc-prop-types");
-var import_styled = require("./styled");
+var import_useCollapse = require("./useCollapse.js");
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
+var import_styled = require("./styled.js");
 const DSCollapse = (props) => {
   const {
     propsWithDefault: { show, orientation, collapsedSize, children },

package/dist/cjs/collapse/DSCollapse.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/collapse/DSCollapse.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { useRef } from 'react';\nimport { useOnElementResize } from '@elliemae/ds-utilities';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { useCollapse } from './useCollapse';\nimport type { DSCollapseT } from './react-desc-prop-types';\nimport { DSCollapsePropTypes } from './react-desc-prop-types';\nimport { StyledCollapse, StyledChildrenWrapper } from './styled';\n\nexport const DSCollapse: React.ComponentType<DSCollapseT.Props> = (props) => {\n  const {\n    propsWithDefault: { show, orientation, collapsedSize, children },\n    globalAttributes,\n    xstyledProps,\n  } = useCollapse(props);\n\n  const ref = useRef<HTMLDivElement>(null);\n\n  const { width: expandedWidth, height: expandedHeight } = useOnElementResize(ref);\n\n  return (\n    <StyledCollapse\n      data-test-id=\"ds-transition-collapse\"\n      show={show}\n      orientation={orientation}\n      collapsedSize={collapsedSize}\n      expandedWidth={expandedWidth}\n      expandedHeight={expandedHeight}\n      {...globalAttributes}\n      {...xstyledProps}\n    >\n      <StyledChildrenWrapper ref={ref}>{children}</StyledChildrenWrapper>\n    </StyledCollapse>\n  );\n};\n\nDSCollapse.propTypes = DSCollapsePropTypes;\nDSCollapse.displayName = 'DSCollapse';\nexport const DSCollapseWithSchema = describe(DSCollapse);\nDSCollapseWithSchema.propTypes = DSCollapsePropTypes;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD8BjB;AA9BN,mBAAuB;AACvB,0BAAmC;AACnC,8BAAyB;AACzB,yBAA4B;AAE5B,mCAAoC;AACpC,oBAAsD;AAE/C,MAAM,aAAqD,CAAC,UAAU;AAC3E,QAAM;AAAA,IACJ,kBAAkB,EAAE,MAAM,aAAa,eAAe,SAAS;AAAA,IAC/D;AAAA,IACA;AAAA,EACF,QAAI,gCAAY,KAAK;AAErB,QAAM,UAAM,qBAAuB,IAAI;AAEvC,QAAM,EAAE,OAAO,eAAe,QAAQ,eAAe,QAAI,wCAAmB,GAAG;AAE/E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MACH,GAAG;AAAA,MAEJ,sDAAC,uCAAsB,KAAW,UAAS;AAAA;AAAA,EAC7C;AAEJ;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AAClB,MAAM,2BAAuB,kCAAS,UAAU;AACvD,qBAAqB,YAAY;",
+  "sourcesContent": ["import { useRef } from 'react';\nimport { useOnElementResize } from '@elliemae/ds-utilities';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { useCollapse } from './useCollapse.js';\nimport type { DSCollapseT } from './react-desc-prop-types.js';\nimport { DSCollapsePropTypes } from './react-desc-prop-types.js';\nimport { StyledCollapse, StyledChildrenWrapper } from './styled.js';\n\nexport const DSCollapse: React.ComponentType<DSCollapseT.Props> = (props) => {\n  const {\n    propsWithDefault: { show, orientation, collapsedSize, children },\n    globalAttributes,\n    xstyledProps,\n  } = useCollapse(props);\n\n  const ref = useRef<HTMLDivElement>(null);\n\n  const { width: expandedWidth, height: expandedHeight } = useOnElementResize(ref);\n\n  return (\n    <StyledCollapse\n      data-test-id=\"ds-transition-collapse\"\n      show={show}\n      orientation={orientation}\n      collapsedSize={collapsedSize}\n      expandedWidth={expandedWidth}\n      expandedHeight={expandedHeight}\n      {...globalAttributes}\n      {...xstyledProps}\n    >\n      <StyledChildrenWrapper ref={ref}>{children}</StyledChildrenWrapper>\n    </StyledCollapse>\n  );\n};\n\nDSCollapse.propTypes = DSCollapsePropTypes;\nDSCollapse.displayName = 'DSCollapse';\nexport const DSCollapseWithSchema = describe(DSCollapse);\nDSCollapseWithSchema.propTypes = DSCollapsePropTypes;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD8BjB;AA9BN,mBAAuB;AACvB,0BAAmC;AACnC,8BAAyB;AACzB,yBAA4B;AAE5B,mCAAoC;AACpC,oBAAsD;AAE/C,MAAM,aAAqD,CAAC,UAAU;AAC3E,QAAM;AAAA,IACJ,kBAAkB,EAAE,MAAM,aAAa,eAAe,SAAS;AAAA,IAC/D;AAAA,IACA;AAAA,EACF,QAAI,gCAAY,KAAK;AAErB,QAAM,UAAM,qBAAuB,IAAI;AAEvC,QAAM,EAAE,OAAO,eAAe,QAAQ,eAAe,QAAI,wCAAmB,GAAG;AAE/E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MACH,GAAG;AAAA,MAEJ,sDAAC,uCAAsB,KAAW,UAAS;AAAA;AAAA,EAC7C;AAEJ;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AAClB,MAAM,2BAAuB,kCAAS,UAAU;AACvD,qBAAqB,YAAY;",
   "names": []
 }

package/dist/cjs/collapse/index.js

@@ -15,6 +15,10 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // 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
 ));
@@ -22,5 +26,5 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var collapse_exports = {};
 module.exports = __toCommonJS(collapse_exports);
 var React = __toESM(require("react"));
-__reExport(collapse_exports, require("./DSCollapse"), module.exports);
+__reExport(collapse_exports, require("./DSCollapse.js"), module.exports);
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/collapse/index.ts", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './DSCollapse';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,6BAAc,yBAAd;",
+  "sourcesContent": ["export * from './DSCollapse.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,6BAAc,4BAAd;",
   "names": []
 }

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

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   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
 ));

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/collapse/react-desc-prop-types.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import type {} from '@elliemae/ds-utilities';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport type { WeakValidationMap } from 'react';\n\nexport declare namespace DSCollapseT {\n  interface IProps {\n    show: boolean;\n    orientation: 'horizontal' | 'vertical';\n    collapsedSize: number | string;\n  }\n\n  export interface Props extends IProps, Omit<GlobalAttributesT<HTMLDivElement>, keyof IProps>, XstyledProps {}\n}\n\nexport const defaultProps: Partial<DSCollapseT.Props> = {\n  orientation: 'horizontal',\n  collapsedSize: '0px',\n};\n\nexport const DSCollapsePropTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  show: PropTypes.bool.description('Whether to show the inner element or not').isRequired,\n  orientation: PropTypes.oneOf(['horizontal', 'vertical'])\n    .description('Whether this element should slide from left to right or from top to bottom')\n    .defaultValue('horizontal'),\n  collapsedSize: PropTypes.oneOfType([PropTypes.number, PropTypes.string])\n    .description('Size when collapsed')\n    .defaultValue(0),\n} as WeakValidationMap<unknown>;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,8BAAuE;AAahE,MAAM,eAA2C;AAAA,EACtD,aAAa;AAAA,EACb,eAAe;AACjB;AAEO,MAAM,sBAAsB;AAAA,EACjC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,MAAM,kCAAU,KAAK,YAAY,0CAA0C,EAAE;AAAA,EAC7E,aAAa,kCAAU,MAAM,CAAC,cAAc,UAAU,CAAC,EACpD,YAAY,4EAA4E,EACxF,aAAa,YAAY;AAAA,EAC5B,eAAe,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,MAAM,CAAC,EACpE,YAAY,qBAAqB,EACjC,aAAa,CAAC;AACnB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,8BAAuE;AAahE,MAAM,eAA2C;AAAA,EACtD,aAAa;AAAA,EACb,eAAe;AACjB;AAEO,MAAM,sBAAsB;AAAA,EACjC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,MAAM,kCAAU,KAAK,YAAY,0CAA0C,EAAE;AAAA,EAC7E,aAAa,kCAAU,MAAM,CAAC,cAAc,UAAU,CAAC,EACpD,YAAY,4EAA4E,EACxF,aAAa,YAAY;AAAA,EAC5B,eAAe,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,MAAM,CAAC,EACpE,YAAY,qBAAqB,EACjC,aAAa,CAAC;AACnB;",
   "names": []
 }

package/dist/cjs/collapse/styled.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   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
 ));
@@ -30,7 +34,7 @@ __export(styled_exports, {
 module.exports = __toCommonJS(styled_exports);
 var React = __toESM(require("react"));
 var import_ds_system = require("@elliemae/ds-system");
-var import_theming = require("./theming");
+var import_theming = require("./theming.js");
 const getCorrectPropertyToAnimate = ({ orientation }) => orientation === "horizontal" ? "width" : "height";
 const getCorrectWidth = ({ show, collapsedSize, expandedWidth }) => {
   if (!show)

package/dist/cjs/collapse/styled.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/collapse/styled.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport type { DSCollapseT } from './react-desc-prop-types';\nimport { DSCollapseName, DSCollapseSlots } from './theming';\n\ninterface StyledCollapseProps extends DSCollapseT.Props {\n  expandedWidth: number;\n  expandedHeight: number;\n}\n\nconst getCorrectPropertyToAnimate = ({ orientation }: StyledCollapseProps) =>\n  orientation === 'horizontal' ? 'width' : 'height';\n\nconst getCorrectWidth = ({ show, collapsedSize, expandedWidth }: StyledCollapseProps) => {\n  if (!show) return typeof collapsedSize === 'number' ? `${collapsedSize}px` : collapsedSize;\n  return expandedWidth ? `${expandedWidth}px` : 'fit-content';\n};\n\nconst getCorrectHeight = ({ show, collapsedSize, expandedHeight }: StyledCollapseProps) => {\n  if (!show) return typeof collapsedSize === 'number' ? `${collapsedSize}px` : collapsedSize;\n  return expandedHeight ? `${expandedHeight}px` : 'fit-content';\n};\n\nexport const StyledCollapse = styled('div', {\n  name: DSCollapseName,\n  slot: DSCollapseSlots.WRAPPER,\n})<StyledCollapseProps>`\n  transition: ${getCorrectPropertyToAnimate} 300ms cubic-bezier(0.4, 0, 0.2, 1);\n  ${(props) => {\n    if (props.orientation === 'horizontal') return `width: ${getCorrectWidth(props)};`;\n    return `height: ${getCorrectHeight(props)};`;\n  }}\n  overflow: hidden;\n  ${xStyledCommonProps}\n`;\n\nexport const StyledChildrenWrapper = styled('div', { name: DSCollapseName, slot: DSCollapseSlots.CHILDREN_WRAPPER })`\n  width: fit-content;\n  height: fit-content;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA2C;AAE3C,qBAAgD;AAOhD,MAAM,8BAA8B,CAAC,EAAE,YAAY,MACjD,gBAAgB,eAAe,UAAU;AAE3C,MAAM,kBAAkB,CAAC,EAAE,MAAM,eAAe,cAAc,MAA2B;AACvF,MAAI,CAAC;AAAM,WAAO,OAAO,kBAAkB,WAAW,GAAG,oBAAoB;AAC7E,SAAO,gBAAgB,GAAG,oBAAoB;AAChD;AAEA,MAAM,mBAAmB,CAAC,EAAE,MAAM,eAAe,eAAe,MAA2B;AACzF,MAAI,CAAC;AAAM,WAAO,OAAO,kBAAkB,WAAW,GAAG,oBAAoB;AAC7E,SAAO,iBAAiB,GAAG,qBAAqB;AAClD;AAEO,MAAM,qBAAiB,yBAAO,OAAO;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM,+BAAgB;AACxB,CAAC;AAAA,gBACe;AAAA,IACZ,CAAC,UAAU;AACX,MAAI,MAAM,gBAAgB;AAAc,WAAO,UAAU,gBAAgB,KAAK;AAC9E,SAAO,WAAW,iBAAiB,KAAK;AAC1C;AAAA;AAAA,IAEE;AAAA;AAGG,MAAM,4BAAwB,yBAAO,OAAO,EAAE,MAAM,+BAAgB,MAAM,+BAAgB,iBAAiB,CAAC;AAAA;AAAA;AAAA;",
+  "sourcesContent": ["import { styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport type { DSCollapseT } from './react-desc-prop-types.js';\nimport { DSCollapseName, DSCollapseSlots } from './theming.js';\n\ninterface StyledCollapseProps extends DSCollapseT.Props {\n  expandedWidth: number;\n  expandedHeight: number;\n}\n\nconst getCorrectPropertyToAnimate = ({ orientation }: StyledCollapseProps) =>\n  orientation === 'horizontal' ? 'width' : 'height';\n\nconst getCorrectWidth = ({ show, collapsedSize, expandedWidth }: StyledCollapseProps) => {\n  if (!show) return typeof collapsedSize === 'number' ? `${collapsedSize}px` : collapsedSize;\n  return expandedWidth ? `${expandedWidth}px` : 'fit-content';\n};\n\nconst getCorrectHeight = ({ show, collapsedSize, expandedHeight }: StyledCollapseProps) => {\n  if (!show) return typeof collapsedSize === 'number' ? `${collapsedSize}px` : collapsedSize;\n  return expandedHeight ? `${expandedHeight}px` : 'fit-content';\n};\n\nexport const StyledCollapse = styled('div', {\n  name: DSCollapseName,\n  slot: DSCollapseSlots.WRAPPER,\n})<StyledCollapseProps>`\n  transition: ${getCorrectPropertyToAnimate} 300ms cubic-bezier(0.4, 0, 0.2, 1);\n  ${(props) => {\n    if (props.orientation === 'horizontal') return `width: ${getCorrectWidth(props)};`;\n    return `height: ${getCorrectHeight(props)};`;\n  }}\n  overflow: hidden;\n  ${xStyledCommonProps}\n`;\n\nexport const StyledChildrenWrapper = styled('div', { name: DSCollapseName, slot: DSCollapseSlots.CHILDREN_WRAPPER })`\n  width: fit-content;\n  height: fit-content;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA2C;AAE3C,qBAAgD;AAOhD,MAAM,8BAA8B,CAAC,EAAE,YAAY,MACjD,gBAAgB,eAAe,UAAU;AAE3C,MAAM,kBAAkB,CAAC,EAAE,MAAM,eAAe,cAAc,MAA2B;AACvF,MAAI,CAAC;AAAM,WAAO,OAAO,kBAAkB,WAAW,GAAG,oBAAoB;AAC7E,SAAO,gBAAgB,GAAG,oBAAoB;AAChD;AAEA,MAAM,mBAAmB,CAAC,EAAE,MAAM,eAAe,eAAe,MAA2B;AACzF,MAAI,CAAC;AAAM,WAAO,OAAO,kBAAkB,WAAW,GAAG,oBAAoB;AAC7E,SAAO,iBAAiB,GAAG,qBAAqB;AAClD;AAEO,MAAM,qBAAiB,yBAAO,OAAO;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM,+BAAgB;AACxB,CAAC;AAAA,gBACe;AAAA,IACZ,CAAC,UAAU;AACX,MAAI,MAAM,gBAAgB;AAAc,WAAO,UAAU,gBAAgB,KAAK;AAC9E,SAAO,WAAW,iBAAiB,KAAK;AAC1C;AAAA;AAAA,IAEE;AAAA;AAGG,MAAM,4BAAwB,yBAAO,OAAO,EAAE,MAAM,+BAAgB,MAAM,+BAAgB,iBAAiB,CAAC;AAAA;AAAA;AAAA;",
   "names": []
 }

package/dist/cjs/collapse/theming.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   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
 ));

package/dist/cjs/collapse/theming.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/collapse/theming.ts", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export const DSCollapseName = 'DSCollapse';\n\nexport const DSCollapseSlots = {\n  WRAPPER: 'root',\n  CHILDREN_WRAPPER: 'children-wrapper',\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,iBAAiB;AAEvB,MAAM,kBAAkB;AAAA,EAC7B,SAAS;AAAA,EACT,kBAAkB;AACpB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,iBAAiB;AAEvB,MAAM,kBAAkB;AAAA,EAC7B,SAAS;AAAA,EACT,kBAAkB;AACpB;",
   "names": []
 }

package/dist/cjs/collapse/useCollapse.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   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
 ));
@@ -29,8 +33,8 @@ __export(useCollapse_exports, {
 module.exports = __toCommonJS(useCollapse_exports);
 var React = __toESM(require("react"));
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-var import_react_desc_prop_types = require("./react-desc-prop-types");
-var import_theming = require("./theming");
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
+var import_theming = require("./theming.js");
 const useCollapse = (props) => {
   const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_react_desc_prop_types.defaultProps);
   (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefault, import_react_desc_prop_types.DSCollapsePropTypes, import_theming.DSCollapseName);

package/dist/cjs/collapse/useCollapse.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/collapse/useCollapse.ts", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import {\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n  useValidateTypescriptPropTypes,\n  useMemoMergePropsWithDefault,\n} from '@elliemae/ds-props-helpers';\nimport type { DSCollapseT } from './react-desc-prop-types';\nimport { DSCollapsePropTypes, defaultProps } from './react-desc-prop-types';\nimport { DSCollapseName } from './theming';\n\nexport const useCollapse = (props: DSCollapseT.Props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, DSCollapsePropTypes, DSCollapseName);\n  const globalAttributes = useGetGlobalAttributes(propsWithDefault);\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n  return { propsWithDefault, globalAttributes, xstyledProps };\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAKO;AAEP,mCAAkD;AAClD,qBAA+B;AAExB,MAAM,cAAc,CAAC,UAA6B;AACvD,QAAM,uBAAmB,sDAA6B,OAAO,yCAAY;AACzE,8DAA+B,kBAAkB,kDAAqB,6BAAc;AACpF,QAAM,uBAAmB,gDAAuB,gBAAgB;AAChE,QAAM,mBAAe,4CAAmB,gBAAgB;AACxD,SAAO,EAAE,kBAAkB,kBAAkB,aAAa;AAC5D;",
+  "sourcesContent": ["import {\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n  useValidateTypescriptPropTypes,\n  useMemoMergePropsWithDefault,\n} from '@elliemae/ds-props-helpers';\nimport type { DSCollapseT } from './react-desc-prop-types.js';\nimport { DSCollapsePropTypes, defaultProps } from './react-desc-prop-types.js';\nimport { DSCollapseName } from './theming.js';\n\nexport const useCollapse = (props: DSCollapseT.Props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, DSCollapsePropTypes, DSCollapseName);\n  const globalAttributes = useGetGlobalAttributes(propsWithDefault);\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n  return { propsWithDefault, globalAttributes, xstyledProps };\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAKO;AAEP,mCAAkD;AAClD,qBAA+B;AAExB,MAAM,cAAc,CAAC,UAA6B;AACvD,QAAM,uBAAmB,sDAA6B,OAAO,yCAAY;AACzE,8DAA+B,kBAAkB,kDAAqB,6BAAc;AACpF,QAAM,uBAAmB,gDAAuB,gBAAgB;AAChE,QAAM,mBAAe,4CAAmB,gBAAgB;AACxD,SAAO,EAAE,kBAAkB,kBAAkB,aAAa;AAC5D;",
   "names": []
 }

package/dist/cjs/fade/DSFade.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   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
 ));
@@ -31,9 +35,9 @@ module.exports = __toCommonJS(DSFade_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-var import_useFade = require("./useFade");
-var import_react_desc_prop_types = require("./react-desc-prop-types");
-var import_styled = require("./styled");
+var import_useFade = require("./useFade.js");
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
+var import_styled = require("./styled.js");
 const DSFade = (props) => {
   const {
     propsWithDefault: { show, children },

package/dist/cjs/fade/DSFade.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/fade/DSFade.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { describe } from '@elliemae/ds-props-helpers';\nimport { useFade } from './useFade';\nimport type { DSFadeT } from './react-desc-prop-types';\nimport { DSFadePropTypes } from './react-desc-prop-types';\nimport { StyledFade } from './styled';\n\nexport const DSFade: React.ComponentType<DSFadeT.Props> = (props) => {\n  const {\n    propsWithDefault: { show, children },\n    globalAttributes,\n    xstyledProps,\n  } = useFade(props);\n\n  return (\n    <StyledFade data-test-id=\"ds-transition-fade\" show={show} {...globalAttributes} {...xstyledProps}>\n      {children}\n    </StyledFade>\n  );\n};\n\nDSFade.propTypes = DSFadePropTypes;\nDSFade.displayName = 'DSFade';\nexport const DSFadeWithSchema = describe(DSFade);\nDSFadeWithSchema.propTypes = DSFadePropTypes;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADcnB;AAdJ,8BAAyB;AACzB,qBAAwB;AAExB,mCAAgC;AAChC,oBAA2B;AAEpB,MAAM,SAA6C,CAAC,UAAU;AACnE,QAAM;AAAA,IACJ,kBAAkB,EAAE,MAAM,SAAS;AAAA,IACnC;AAAA,IACA;AAAA,EACF,QAAI,wBAAQ,KAAK;AAEjB,SACE,4CAAC,4BAAW,gBAAa,sBAAqB,MAAa,GAAG,kBAAmB,GAAG,cACjF,UACH;AAEJ;AAEA,OAAO,YAAY;AACnB,OAAO,cAAc;AACd,MAAM,uBAAmB,kCAAS,MAAM;AAC/C,iBAAiB,YAAY;",
+  "sourcesContent": ["import { describe } from '@elliemae/ds-props-helpers';\nimport { useFade } from './useFade.js';\nimport type { DSFadeT } from './react-desc-prop-types.js';\nimport { DSFadePropTypes } from './react-desc-prop-types.js';\nimport { StyledFade } from './styled.js';\n\nexport const DSFade: React.ComponentType<DSFadeT.Props> = (props) => {\n  const {\n    propsWithDefault: { show, children },\n    globalAttributes,\n    xstyledProps,\n  } = useFade(props);\n\n  return (\n    <StyledFade data-test-id=\"ds-transition-fade\" show={show} {...globalAttributes} {...xstyledProps}>\n      {children}\n    </StyledFade>\n  );\n};\n\nDSFade.propTypes = DSFadePropTypes;\nDSFade.displayName = 'DSFade';\nexport const DSFadeWithSchema = describe(DSFade);\nDSFadeWithSchema.propTypes = DSFadePropTypes;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADcnB;AAdJ,8BAAyB;AACzB,qBAAwB;AAExB,mCAAgC;AAChC,oBAA2B;AAEpB,MAAM,SAA6C,CAAC,UAAU;AACnE,QAAM;AAAA,IACJ,kBAAkB,EAAE,MAAM,SAAS;AAAA,IACnC;AAAA,IACA;AAAA,EACF,QAAI,wBAAQ,KAAK;AAEjB,SACE,4CAAC,4BAAW,gBAAa,sBAAqB,MAAa,GAAG,kBAAmB,GAAG,cACjF,UACH;AAEJ;AAEA,OAAO,YAAY;AACnB,OAAO,cAAc;AACd,MAAM,uBAAmB,kCAAS,MAAM;AAC/C,iBAAiB,YAAY;",
   "names": []
 }

package/dist/cjs/fade/index.js

@@ -15,6 +15,10 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // 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
 ));
@@ -22,5 +26,5 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var fade_exports = {};
 module.exports = __toCommonJS(fade_exports);
 var React = __toESM(require("react"));
-__reExport(fade_exports, require("./DSFade"), module.exports);
+__reExport(fade_exports, require("./DSFade.js"), module.exports);
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/fade/index.ts", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './DSFade';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,yBAAc,qBAAd;",
+  "sourcesContent": ["export * from './DSFade.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,yBAAc,wBAAd;",
   "names": []
 }

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

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   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
 ));

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/fade/react-desc-prop-types.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import type {} from '@elliemae/ds-utilities';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport type { WeakValidationMap } from 'react';\n\nexport declare namespace DSFadeT {\n  interface IProps {\n    show: boolean;\n  }\n\n  export interface Props extends IProps, Omit<GlobalAttributesT<HTMLInputElement>, keyof IProps>, XstyledProps {}\n}\n\nexport const DSFadePropTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  show: PropTypes.bool.description('Whether to show the inner element or not').isRequired,\n} as WeakValidationMap<unknown>;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,8BAAuE;AAWhE,MAAM,kBAAkB;AAAA,EAC7B,GAAG;AAAA,EACH,GAAG;AAAA,EACH,MAAM,kCAAU,KAAK,YAAY,0CAA0C,EAAE;AAC/E;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,8BAAuE;AAWhE,MAAM,kBAAkB;AAAA,EAC7B,GAAG;AAAA,EACH,GAAG;AAAA,EACH,MAAM,kCAAU,KAAK,YAAY,0CAA0C,EAAE;AAC/E;",
   "names": []
 }

package/dist/cjs/fade/styled.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   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
 ));
@@ -29,7 +33,7 @@ __export(styled_exports, {
 module.exports = __toCommonJS(styled_exports);
 var React = __toESM(require("react"));
 var import_ds_system = require("@elliemae/ds-system");
-var import_theming = require("./theming");
+var import_theming = require("./theming.js");
 const StyledFade = (0, import_ds_system.styled)("div", { name: import_theming.DSFadeName, slot: import_theming.DSFadeSlots.WRAPPER })`
   transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1);
   opacity: ${({ show }) => show ? 1 : 0};

package/dist/cjs/fade/styled.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/fade/styled.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport { DSFadeName, DSFadeSlots } from './theming';\n\nexport const StyledFade = styled('div', { name: DSFadeName, slot: DSFadeSlots.WRAPPER })<{\n  show: boolean;\n}>`\n  transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1);\n  opacity: ${({ show }) => (show ? 1 : 0)};\n  width: fit-content;\n  height: fit-content;\n  ${xStyledCommonProps}\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA2C;AAC3C,qBAAwC;AAEjC,MAAM,iBAAa,yBAAO,OAAO,EAAE,MAAM,2BAAY,MAAM,2BAAY,QAAQ,CAAC;AAAA;AAAA,aAI1E,CAAC,EAAE,KAAK,MAAO,OAAO,IAAI;AAAA;AAAA;AAAA,IAGnC;AAAA;",
+  "sourcesContent": ["import { styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport { DSFadeName, DSFadeSlots } from './theming.js';\n\nexport const StyledFade = styled('div', { name: DSFadeName, slot: DSFadeSlots.WRAPPER })<{\n  show: boolean;\n}>`\n  transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1);\n  opacity: ${({ show }) => (show ? 1 : 0)};\n  width: fit-content;\n  height: fit-content;\n  ${xStyledCommonProps}\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA2C;AAC3C,qBAAwC;AAEjC,MAAM,iBAAa,yBAAO,OAAO,EAAE,MAAM,2BAAY,MAAM,2BAAY,QAAQ,CAAC;AAAA;AAAA,aAI1E,CAAC,EAAE,KAAK,MAAO,OAAO,IAAI;AAAA;AAAA;AAAA,IAGnC;AAAA;",
   "names": []
 }

package/dist/cjs/fade/theming.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   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
 ));

package/dist/cjs/fade/theming.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/fade/theming.ts", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export const DSFadeName = 'DSFade';\n\nexport const DSFadeSlots = {\n  WRAPPER: 'root',\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,aAAa;AAEnB,MAAM,cAAc;AAAA,EACzB,SAAS;AACX;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,aAAa;AAEnB,MAAM,cAAc;AAAA,EACzB,SAAS;AACX;",
   "names": []
 }

package/dist/cjs/fade/useFade.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   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
 ));
@@ -29,8 +33,8 @@ __export(useFade_exports, {
 module.exports = __toCommonJS(useFade_exports);
 var React = __toESM(require("react"));
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-var import_react_desc_prop_types = require("./react-desc-prop-types");
-var import_theming = require("./theming");
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
+var import_theming = require("./theming.js");
 const useFade = (props) => {
   (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(props, import_react_desc_prop_types.DSFadePropTypes, import_theming.DSFadeName);
   const globalAttributes = (0, import_ds_props_helpers.useGetGlobalAttributes)(props);

package/dist/cjs/fade/useFade.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/fade/useFade.ts", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { useGetGlobalAttributes, useGetXstyledProps, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport type { DSFadeT } from './react-desc-prop-types';\nimport { DSFadePropTypes } from './react-desc-prop-types';\nimport { DSFadeName } from './theming';\n\nexport const useFade = (props: DSFadeT.Props) => {\n  useValidateTypescriptPropTypes(props, DSFadePropTypes, DSFadeName);\n  const globalAttributes = useGetGlobalAttributes(props);\n  const xstyledProps = useGetXstyledProps(props);\n  return { propsWithDefault: props, globalAttributes, xstyledProps };\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAA2F;AAE3F,mCAAgC;AAChC,qBAA2B;AAEpB,MAAM,UAAU,CAAC,UAAyB;AAC/C,8DAA+B,OAAO,8CAAiB,yBAAU;AACjE,QAAM,uBAAmB,gDAAuB,KAAK;AACrD,QAAM,mBAAe,4CAAmB,KAAK;AAC7C,SAAO,EAAE,kBAAkB,OAAO,kBAAkB,aAAa;AACnE;",
+  "sourcesContent": ["import { useGetGlobalAttributes, useGetXstyledProps, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport type { DSFadeT } from './react-desc-prop-types.js';\nimport { DSFadePropTypes } from './react-desc-prop-types.js';\nimport { DSFadeName } from './theming.js';\n\nexport const useFade = (props: DSFadeT.Props) => {\n  useValidateTypescriptPropTypes(props, DSFadePropTypes, DSFadeName);\n  const globalAttributes = useGetGlobalAttributes(props);\n  const xstyledProps = useGetXstyledProps(props);\n  return { propsWithDefault: props, globalAttributes, xstyledProps };\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAA2F;AAE3F,mCAAgC;AAChC,qBAA2B;AAEpB,MAAM,UAAU,CAAC,UAAyB;AAC/C,8DAA+B,OAAO,8CAAiB,yBAAU;AACjE,QAAM,uBAAmB,gDAAuB,KAAK;AACrD,QAAM,mBAAe,4CAAmB,KAAK;AAC7C,SAAO,EAAE,kBAAkB,OAAO,kBAAkB,aAAa;AACnE;",
   "names": []
 }

package/dist/cjs/index.js

@@ -15,6 +15,10 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // 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
 ));
@@ -22,6 +26,6 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var src_exports = {};
 module.exports = __toCommonJS(src_exports);
 var React = __toESM(require("react"));
-__reExport(src_exports, require("./fade"), module.exports);
-__reExport(src_exports, require("./collapse"), module.exports);
+__reExport(src_exports, require("./fade/index.js"), module.exports);
+__reExport(src_exports, require("./collapse/index.js"), module.exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './fade';\nexport * from './collapse';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,mBAAd;AACA,wBAAc,uBADd;",
+  "sourcesContent": ["export * from './fade/index.js';\nexport * from './collapse/index.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,4BAAd;AACA,wBAAc,gCADd;",
   "names": []
 }

package/dist/cjs/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "commonjs",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

package/dist/esm/collapse/DSCollapse.js

@@ -3,9 +3,9 @@ import { jsx } from "react/jsx-runtime";
 import { useRef } from "react";
 import { useOnElementResize } from "@elliemae/ds-utilities";
 import { describe } from "@elliemae/ds-props-helpers";
-import { useCollapse } from "./useCollapse";
-import { DSCollapsePropTypes } from "./react-desc-prop-types";
-import { StyledCollapse, StyledChildrenWrapper } from "./styled";
+import { useCollapse } from "./useCollapse.js";
+import { DSCollapsePropTypes } from "./react-desc-prop-types.js";
+import { StyledCollapse, StyledChildrenWrapper } from "./styled.js";
 const DSCollapse = (props) => {
   const {
     propsWithDefault: { show, orientation, collapsedSize, children },

package/dist/esm/collapse/DSCollapse.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/collapse/DSCollapse.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useRef } from 'react';\nimport { useOnElementResize } from '@elliemae/ds-utilities';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { useCollapse } from './useCollapse';\nimport type { DSCollapseT } from './react-desc-prop-types';\nimport { DSCollapsePropTypes } from './react-desc-prop-types';\nimport { StyledCollapse, StyledChildrenWrapper } from './styled';\n\nexport const DSCollapse: React.ComponentType<DSCollapseT.Props> = (props) => {\n  const {\n    propsWithDefault: { show, orientation, collapsedSize, children },\n    globalAttributes,\n    xstyledProps,\n  } = useCollapse(props);\n\n  const ref = useRef<HTMLDivElement>(null);\n\n  const { width: expandedWidth, height: expandedHeight } = useOnElementResize(ref);\n\n  return (\n    <StyledCollapse\n      data-test-id=\"ds-transition-collapse\"\n      show={show}\n      orientation={orientation}\n      collapsedSize={collapsedSize}\n      expandedWidth={expandedWidth}\n      expandedHeight={expandedHeight}\n      {...globalAttributes}\n      {...xstyledProps}\n    >\n      <StyledChildrenWrapper ref={ref}>{children}</StyledChildrenWrapper>\n    </StyledCollapse>\n  );\n};\n\nDSCollapse.propTypes = DSCollapsePropTypes;\nDSCollapse.displayName = 'DSCollapse';\nexport const DSCollapseWithSchema = describe(DSCollapse);\nDSCollapseWithSchema.propTypes = DSCollapsePropTypes;\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useRef } from 'react';\nimport { useOnElementResize } from '@elliemae/ds-utilities';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { useCollapse } from './useCollapse.js';\nimport type { DSCollapseT } from './react-desc-prop-types.js';\nimport { DSCollapsePropTypes } from './react-desc-prop-types.js';\nimport { StyledCollapse, StyledChildrenWrapper } from './styled.js';\n\nexport const DSCollapse: React.ComponentType<DSCollapseT.Props> = (props) => {\n  const {\n    propsWithDefault: { show, orientation, collapsedSize, children },\n    globalAttributes,\n    xstyledProps,\n  } = useCollapse(props);\n\n  const ref = useRef<HTMLDivElement>(null);\n\n  const { width: expandedWidth, height: expandedHeight } = useOnElementResize(ref);\n\n  return (\n    <StyledCollapse\n      data-test-id=\"ds-transition-collapse\"\n      show={show}\n      orientation={orientation}\n      collapsedSize={collapsedSize}\n      expandedWidth={expandedWidth}\n      expandedHeight={expandedHeight}\n      {...globalAttributes}\n      {...xstyledProps}\n    >\n      <StyledChildrenWrapper ref={ref}>{children}</StyledChildrenWrapper>\n    </StyledCollapse>\n  );\n};\n\nDSCollapse.propTypes = DSCollapsePropTypes;\nDSCollapse.displayName = 'DSCollapse';\nexport const DSCollapseWithSchema = describe(DSCollapse);\nDSCollapseWithSchema.propTypes = DSCollapsePropTypes;\n"],
   "mappings": "AAAA,YAAY,WAAW;AC8BjB;AA9BN,SAAS,cAAc;AACvB,SAAS,0BAA0B;AACnC,SAAS,gBAAgB;AACzB,SAAS,mBAAmB;AAE5B,SAAS,2BAA2B;AACpC,SAAS,gBAAgB,6BAA6B;AAE/C,MAAM,aAAqD,CAAC,UAAU;AAC3E,QAAM;AAAA,IACJ,kBAAkB,EAAE,MAAM,aAAa,eAAe,SAAS;AAAA,IAC/D;AAAA,IACA;AAAA,EACF,IAAI,YAAY,KAAK;AAErB,QAAM,MAAM,OAAuB,IAAI;AAEvC,QAAM,EAAE,OAAO,eAAe,QAAQ,eAAe,IAAI,mBAAmB,GAAG;AAE/E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MACH,GAAG;AAAA,MAEJ,8BAAC,yBAAsB,KAAW,UAAS;AAAA;AAAA,EAC7C;AAEJ;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AAClB,MAAM,uBAAuB,SAAS,UAAU;AACvD,qBAAqB,YAAY;",
   "names": []
 }

package/dist/esm/collapse/index.js

@@ -1,3 +1,3 @@
 import * as React from "react";
-export * from "./DSCollapse";
+export * from "./DSCollapse.js";
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/collapse/index.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSCollapse';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSCollapse.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;",
   "names": []
 }

package/dist/esm/collapse/styled.js

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { styled, xStyledCommonProps } from "@elliemae/ds-system";
-import { DSCollapseName, DSCollapseSlots } from "./theming";
+import { DSCollapseName, DSCollapseSlots } from "./theming.js";
 const getCorrectPropertyToAnimate = ({ orientation }) => orientation === "horizontal" ? "width" : "height";
 const getCorrectWidth = ({ show, collapsedSize, expandedWidth }) => {
   if (!show)

package/dist/esm/collapse/styled.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/collapse/styled.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport type { DSCollapseT } from './react-desc-prop-types';\nimport { DSCollapseName, DSCollapseSlots } from './theming';\n\ninterface StyledCollapseProps extends DSCollapseT.Props {\n  expandedWidth: number;\n  expandedHeight: number;\n}\n\nconst getCorrectPropertyToAnimate = ({ orientation }: StyledCollapseProps) =>\n  orientation === 'horizontal' ? 'width' : 'height';\n\nconst getCorrectWidth = ({ show, collapsedSize, expandedWidth }: StyledCollapseProps) => {\n  if (!show) return typeof collapsedSize === 'number' ? `${collapsedSize}px` : collapsedSize;\n  return expandedWidth ? `${expandedWidth}px` : 'fit-content';\n};\n\nconst getCorrectHeight = ({ show, collapsedSize, expandedHeight }: StyledCollapseProps) => {\n  if (!show) return typeof collapsedSize === 'number' ? `${collapsedSize}px` : collapsedSize;\n  return expandedHeight ? `${expandedHeight}px` : 'fit-content';\n};\n\nexport const StyledCollapse = styled('div', {\n  name: DSCollapseName,\n  slot: DSCollapseSlots.WRAPPER,\n})<StyledCollapseProps>`\n  transition: ${getCorrectPropertyToAnimate} 300ms cubic-bezier(0.4, 0, 0.2, 1);\n  ${(props) => {\n    if (props.orientation === 'horizontal') return `width: ${getCorrectWidth(props)};`;\n    return `height: ${getCorrectHeight(props)};`;\n  }}\n  overflow: hidden;\n  ${xStyledCommonProps}\n`;\n\nexport const StyledChildrenWrapper = styled('div', { name: DSCollapseName, slot: DSCollapseSlots.CHILDREN_WRAPPER })`\n  width: fit-content;\n  height: fit-content;\n`;\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport type { DSCollapseT } from './react-desc-prop-types.js';\nimport { DSCollapseName, DSCollapseSlots } from './theming.js';\n\ninterface StyledCollapseProps extends DSCollapseT.Props {\n  expandedWidth: number;\n  expandedHeight: number;\n}\n\nconst getCorrectPropertyToAnimate = ({ orientation }: StyledCollapseProps) =>\n  orientation === 'horizontal' ? 'width' : 'height';\n\nconst getCorrectWidth = ({ show, collapsedSize, expandedWidth }: StyledCollapseProps) => {\n  if (!show) return typeof collapsedSize === 'number' ? `${collapsedSize}px` : collapsedSize;\n  return expandedWidth ? `${expandedWidth}px` : 'fit-content';\n};\n\nconst getCorrectHeight = ({ show, collapsedSize, expandedHeight }: StyledCollapseProps) => {\n  if (!show) return typeof collapsedSize === 'number' ? `${collapsedSize}px` : collapsedSize;\n  return expandedHeight ? `${expandedHeight}px` : 'fit-content';\n};\n\nexport const StyledCollapse = styled('div', {\n  name: DSCollapseName,\n  slot: DSCollapseSlots.WRAPPER,\n})<StyledCollapseProps>`\n  transition: ${getCorrectPropertyToAnimate} 300ms cubic-bezier(0.4, 0, 0.2, 1);\n  ${(props) => {\n    if (props.orientation === 'horizontal') return `width: ${getCorrectWidth(props)};`;\n    return `height: ${getCorrectHeight(props)};`;\n  }}\n  overflow: hidden;\n  ${xStyledCommonProps}\n`;\n\nexport const StyledChildrenWrapper = styled('div', { name: DSCollapseName, slot: DSCollapseSlots.CHILDREN_WRAPPER })`\n  width: fit-content;\n  height: fit-content;\n`;\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,0BAA0B;AAE3C,SAAS,gBAAgB,uBAAuB;AAOhD,MAAM,8BAA8B,CAAC,EAAE,YAAY,MACjD,gBAAgB,eAAe,UAAU;AAE3C,MAAM,kBAAkB,CAAC,EAAE,MAAM,eAAe,cAAc,MAA2B;AACvF,MAAI,CAAC;AAAM,WAAO,OAAO,kBAAkB,WAAW,GAAG,oBAAoB;AAC7E,SAAO,gBAAgB,GAAG,oBAAoB;AAChD;AAEA,MAAM,mBAAmB,CAAC,EAAE,MAAM,eAAe,eAAe,MAA2B;AACzF,MAAI,CAAC;AAAM,WAAO,OAAO,kBAAkB,WAAW,GAAG,oBAAoB;AAC7E,SAAO,iBAAiB,GAAG,qBAAqB;AAClD;AAEO,MAAM,iBAAiB,OAAO,OAAO;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM,gBAAgB;AACxB,CAAC;AAAA,gBACe;AAAA,IACZ,CAAC,UAAU;AACX,MAAI,MAAM,gBAAgB;AAAc,WAAO,UAAU,gBAAgB,KAAK;AAC9E,SAAO,WAAW,iBAAiB,KAAK;AAC1C;AAAA;AAAA,IAEE;AAAA;AAGG,MAAM,wBAAwB,OAAO,OAAO,EAAE,MAAM,gBAAgB,MAAM,gBAAgB,iBAAiB,CAAC;AAAA;AAAA;AAAA;",
   "names": []
 }

package/dist/esm/collapse/useCollapse.js

@@ -5,8 +5,8 @@ import {
   useValidateTypescriptPropTypes,
   useMemoMergePropsWithDefault
 } from "@elliemae/ds-props-helpers";
-import { DSCollapsePropTypes, defaultProps } from "./react-desc-prop-types";
-import { DSCollapseName } from "./theming";
+import { DSCollapsePropTypes, defaultProps } from "./react-desc-prop-types.js";
+import { DSCollapseName } from "./theming.js";
 const useCollapse = (props) => {
   const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
   useValidateTypescriptPropTypes(propsWithDefault, DSCollapsePropTypes, DSCollapseName);

package/dist/esm/collapse/useCollapse.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/collapse/useCollapse.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import {\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n  useValidateTypescriptPropTypes,\n  useMemoMergePropsWithDefault,\n} from '@elliemae/ds-props-helpers';\nimport type { DSCollapseT } from './react-desc-prop-types';\nimport { DSCollapsePropTypes, defaultProps } from './react-desc-prop-types';\nimport { DSCollapseName } from './theming';\n\nexport const useCollapse = (props: DSCollapseT.Props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, DSCollapsePropTypes, DSCollapseName);\n  const globalAttributes = useGetGlobalAttributes(propsWithDefault);\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n  return { propsWithDefault, globalAttributes, xstyledProps };\n};\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import {\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n  useValidateTypescriptPropTypes,\n  useMemoMergePropsWithDefault,\n} from '@elliemae/ds-props-helpers';\nimport type { DSCollapseT } from './react-desc-prop-types.js';\nimport { DSCollapsePropTypes, defaultProps } from './react-desc-prop-types.js';\nimport { DSCollapseName } from './theming.js';\n\nexport const useCollapse = (props: DSCollapseT.Props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, DSCollapsePropTypes, DSCollapseName);\n  const globalAttributes = useGetGlobalAttributes(propsWithDefault);\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n  return { propsWithDefault, globalAttributes, xstyledProps };\n};\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,qBAAqB,oBAAoB;AAClD,SAAS,sBAAsB;AAExB,MAAM,cAAc,CAAC,UAA6B;AACvD,QAAM,mBAAmB,6BAA6B,OAAO,YAAY;AACzE,iCAA+B,kBAAkB,qBAAqB,cAAc;AACpF,QAAM,mBAAmB,uBAAuB,gBAAgB;AAChE,QAAM,eAAe,mBAAmB,gBAAgB;AACxD,SAAO,EAAE,kBAAkB,kBAAkB,aAAa;AAC5D;",
   "names": []
 }

package/dist/esm/fade/DSFade.js

@@ -1,9 +1,9 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import { describe } from "@elliemae/ds-props-helpers";
-import { useFade } from "./useFade";
-import { DSFadePropTypes } from "./react-desc-prop-types";
-import { StyledFade } from "./styled";
+import { useFade } from "./useFade.js";
+import { DSFadePropTypes } from "./react-desc-prop-types.js";
+import { StyledFade } from "./styled.js";
 const DSFade = (props) => {
   const {
     propsWithDefault: { show, children },

package/dist/esm/fade/DSFade.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/fade/DSFade.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { describe } from '@elliemae/ds-props-helpers';\nimport { useFade } from './useFade';\nimport type { DSFadeT } from './react-desc-prop-types';\nimport { DSFadePropTypes } from './react-desc-prop-types';\nimport { StyledFade } from './styled';\n\nexport const DSFade: React.ComponentType<DSFadeT.Props> = (props) => {\n  const {\n    propsWithDefault: { show, children },\n    globalAttributes,\n    xstyledProps,\n  } = useFade(props);\n\n  return (\n    <StyledFade data-test-id=\"ds-transition-fade\" show={show} {...globalAttributes} {...xstyledProps}>\n      {children}\n    </StyledFade>\n  );\n};\n\nDSFade.propTypes = DSFadePropTypes;\nDSFade.displayName = 'DSFade';\nexport const DSFadeWithSchema = describe(DSFade);\nDSFadeWithSchema.propTypes = DSFadePropTypes;\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { describe } from '@elliemae/ds-props-helpers';\nimport { useFade } from './useFade.js';\nimport type { DSFadeT } from './react-desc-prop-types.js';\nimport { DSFadePropTypes } from './react-desc-prop-types.js';\nimport { StyledFade } from './styled.js';\n\nexport const DSFade: React.ComponentType<DSFadeT.Props> = (props) => {\n  const {\n    propsWithDefault: { show, children },\n    globalAttributes,\n    xstyledProps,\n  } = useFade(props);\n\n  return (\n    <StyledFade data-test-id=\"ds-transition-fade\" show={show} {...globalAttributes} {...xstyledProps}>\n      {children}\n    </StyledFade>\n  );\n};\n\nDSFade.propTypes = DSFadePropTypes;\nDSFade.displayName = 'DSFade';\nexport const DSFadeWithSchema = describe(DSFade);\nDSFadeWithSchema.propTypes = DSFadePropTypes;\n"],
   "mappings": "AAAA,YAAY,WAAW;ACcnB;AAdJ,SAAS,gBAAgB;AACzB,SAAS,eAAe;AAExB,SAAS,uBAAuB;AAChC,SAAS,kBAAkB;AAEpB,MAAM,SAA6C,CAAC,UAAU;AACnE,QAAM;AAAA,IACJ,kBAAkB,EAAE,MAAM,SAAS;AAAA,IACnC;AAAA,IACA;AAAA,EACF,IAAI,QAAQ,KAAK;AAEjB,SACE,oBAAC,cAAW,gBAAa,sBAAqB,MAAa,GAAG,kBAAmB,GAAG,cACjF,UACH;AAEJ;AAEA,OAAO,YAAY;AACnB,OAAO,cAAc;AACd,MAAM,mBAAmB,SAAS,MAAM;AAC/C,iBAAiB,YAAY;",
   "names": []
 }

package/dist/esm/fade/index.js

@@ -1,3 +1,3 @@
 import * as React from "react";
-export * from "./DSFade";
+export * from "./DSFade.js";
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/fade/index.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSFade';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSFade.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;",
   "names": []
 }

package/dist/esm/fade/styled.js

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { styled, xStyledCommonProps } from "@elliemae/ds-system";
-import { DSFadeName, DSFadeSlots } from "./theming";
+import { DSFadeName, DSFadeSlots } from "./theming.js";
 const StyledFade = styled("div", { name: DSFadeName, slot: DSFadeSlots.WRAPPER })`
   transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1);
   opacity: ${({ show }) => show ? 1 : 0};

package/dist/esm/fade/styled.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/fade/styled.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport { DSFadeName, DSFadeSlots } from './theming';\n\nexport const StyledFade = styled('div', { name: DSFadeName, slot: DSFadeSlots.WRAPPER })<{\n  show: boolean;\n}>`\n  transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1);\n  opacity: ${({ show }) => (show ? 1 : 0)};\n  width: fit-content;\n  height: fit-content;\n  ${xStyledCommonProps}\n`;\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport { DSFadeName, DSFadeSlots } from './theming.js';\n\nexport const StyledFade = styled('div', { name: DSFadeName, slot: DSFadeSlots.WRAPPER })<{\n  show: boolean;\n}>`\n  transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1);\n  opacity: ${({ show }) => (show ? 1 : 0)};\n  width: fit-content;\n  height: fit-content;\n  ${xStyledCommonProps}\n`;\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,0BAA0B;AAC3C,SAAS,YAAY,mBAAmB;AAEjC,MAAM,aAAa,OAAO,OAAO,EAAE,MAAM,YAAY,MAAM,YAAY,QAAQ,CAAC;AAAA;AAAA,aAI1E,CAAC,EAAE,KAAK,MAAO,OAAO,IAAI;AAAA;AAAA;AAAA,IAGnC;AAAA;",
   "names": []
 }

package/dist/esm/fade/useFade.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { useGetGlobalAttributes, useGetXstyledProps, useValidateTypescriptPropTypes } from "@elliemae/ds-props-helpers";
-import { DSFadePropTypes } from "./react-desc-prop-types";
-import { DSFadeName } from "./theming";
+import { DSFadePropTypes } from "./react-desc-prop-types.js";
+import { DSFadeName } from "./theming.js";
 const useFade = (props) => {
   useValidateTypescriptPropTypes(props, DSFadePropTypes, DSFadeName);
   const globalAttributes = useGetGlobalAttributes(props);

package/dist/esm/fade/useFade.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/fade/useFade.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useGetGlobalAttributes, useGetXstyledProps, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport type { DSFadeT } from './react-desc-prop-types';\nimport { DSFadePropTypes } from './react-desc-prop-types';\nimport { DSFadeName } from './theming';\n\nexport const useFade = (props: DSFadeT.Props) => {\n  useValidateTypescriptPropTypes(props, DSFadePropTypes, DSFadeName);\n  const globalAttributes = useGetGlobalAttributes(props);\n  const xstyledProps = useGetXstyledProps(props);\n  return { propsWithDefault: props, globalAttributes, xstyledProps };\n};\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useGetGlobalAttributes, useGetXstyledProps, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport type { DSFadeT } from './react-desc-prop-types.js';\nimport { DSFadePropTypes } from './react-desc-prop-types.js';\nimport { DSFadeName } from './theming.js';\n\nexport const useFade = (props: DSFadeT.Props) => {\n  useValidateTypescriptPropTypes(props, DSFadePropTypes, DSFadeName);\n  const globalAttributes = useGetGlobalAttributes(props);\n  const xstyledProps = useGetXstyledProps(props);\n  return { propsWithDefault: props, globalAttributes, xstyledProps };\n};\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,wBAAwB,oBAAoB,sCAAsC;AAE3F,SAAS,uBAAuB;AAChC,SAAS,kBAAkB;AAEpB,MAAM,UAAU,CAAC,UAAyB;AAC/C,iCAA+B,OAAO,iBAAiB,UAAU;AACjE,QAAM,mBAAmB,uBAAuB,KAAK;AACrD,QAAM,eAAe,mBAAmB,KAAK;AAC7C,SAAO,EAAE,kBAAkB,OAAO,kBAAkB,aAAa;AACnE;",
   "names": []
 }

package/dist/esm/index.js

@@ -1,4 +1,4 @@
 import * as React from "react";
-export * from "./fade";
-export * from "./collapse";
+export * from "./fade/index.js";
+export * from "./collapse/index.js";
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './fade';\nexport * from './collapse';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './fade/index.js';\nexport * from './collapse/index.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;",
   "names": []
 }

package/dist/esm/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "module",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

package/dist/types/collapse/DSCollapse.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import type { DSCollapseT } from './react-desc-prop-types';
+import type { DSCollapseT } from './react-desc-prop-types.js';
 export declare const DSCollapse: React.ComponentType<DSCollapseT.Props>;
-export declare const DSCollapseWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").DocumentedReactComponent<DSCollapseT.Props>;
+export declare const DSCollapseWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSCollapseT.Props>;

package/dist/types/collapse/index.d.ts

@@ -1 +1 @@
-export * from './DSCollapse';
+export * from './DSCollapse.js';

package/dist/types/collapse/styled.d.ts

@@ -1,4 +1,4 @@
-import type { DSCollapseT } from './react-desc-prop-types';
+import type { DSCollapseT } from './react-desc-prop-types.js';
 interface StyledCollapseProps extends DSCollapseT.Props {
     expandedWidth: number;
     expandedHeight: number;

package/dist/types/collapse/useCollapse.d.ts

@@ -1,4 +1,4 @@
-import type { DSCollapseT } from './react-desc-prop-types';
+import type { DSCollapseT } from './react-desc-prop-types.js';
 export declare const useCollapse: (props: DSCollapseT.Props) => {
     propsWithDefault: DSCollapseT.Props;
     globalAttributes: import("@elliemae/ds-props-helpers").GlobalAttributesT<Element>;

package/dist/types/fade/DSFade.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import type { DSFadeT } from './react-desc-prop-types';
+import type { DSFadeT } from './react-desc-prop-types.js';
 export declare const DSFade: React.ComponentType<DSFadeT.Props>;
-export declare const DSFadeWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").DocumentedReactComponent<DSFadeT.Props>;
+export declare const DSFadeWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSFadeT.Props>;

package/dist/types/fade/index.d.ts

@@ -1 +1 @@
-export * from './DSFade';
+export * from './DSFade.js';

package/dist/types/fade/useFade.d.ts

@@ -1,4 +1,4 @@
-import type { DSFadeT } from './react-desc-prop-types';
+import type { DSFadeT } from './react-desc-prop-types.js';
 export declare const useFade: (props: DSFadeT.Props) => {
     propsWithDefault: DSFadeT.Props;
     globalAttributes: import("@elliemae/ds-props-helpers").GlobalAttributesT<Element>;

package/dist/types/index.d.ts

@@ -1,2 +1,2 @@
-export * from './fade';
-export * from './collapse';
+export * from './fade/index.js';
+export * from './collapse/index.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-transition",
-  "version": "3.16.0",
+  "version": "3.16.1",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Tooltip",
   "files": [
@@ -35,9 +35,9 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-props-helpers": "3.16.0",
-    "@elliemae/ds-system": "3.16.0",
-    "@elliemae/ds-utilities": "3.16.0"
+    "@elliemae/ds-props-helpers": "3.16.1",
+    "@elliemae/ds-utilities": "3.16.1",
+    "@elliemae/ds-system": "3.16.1"
   },
   "devDependencies": {
     "react": "^17.0.2",