@elliemae/ds-transition 3.41.2-rc.0 → 3.42.0-rc.0

package/dist/cjs/collapse/DSCollapse.js

@@ -79,5 +79,5 @@ const DSCollapse = (props) => {
 };
 DSCollapse.displayName = "DSCollapse";
 const DSCollapseWithSchema = (0, import_ds_props_helpers.describe)(DSCollapse);
-DSCollapseWithSchema.propTypes = import_react_desc_prop_types.DSCollapsePropTypes;
+DSCollapseWithSchema.propTypes = import_react_desc_prop_types.DSCollapsePropTypesSchema;
 //# sourceMappingURL=DSCollapse.js.map

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 React, { useRef } from 'react';\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';\nimport { useOnElementResize } from './useOnElementResize.js';\n\nexport const DSCollapse: React.ComponentType<DSCollapseT.Props> = (props) => {\n  const {\n    propsWithDefault,\n    propsWithDefault: { show, orientation, collapsedSize, children },\n    globalAttributes,\n    xstyledProps,\n  } = useCollapse(props);\n\n  const getOwnerProps = React.useCallback(() => propsWithDefault, [propsWithDefault]);\n  const getOwnerPropsArguments = React.useCallback(() => ({}), []);\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      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n    >\n      <StyledChildrenWrapper\n        innerRef={ref}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n        orientation={orientation}\n      >\n        {children}\n      </StyledChildrenWrapper>\n    </StyledCollapse>\n  );\n};\n\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;ADoCjB;AApCN,mBAA8B;AAC9B,8BAAyB;AACzB,yBAA4B;AAE5B,mCAAoC;AACpC,oBAAsD;AACtD,gCAAmC;AAE5B,MAAM,aAAqD,CAAC,UAAU;AAC3E,QAAM;AAAA,IACJ;AAAA,IACA,kBAAkB,EAAE,MAAM,aAAa,eAAe,SAAS;AAAA,IAC/D;AAAA,IACA;AAAA,EACF,QAAI,gCAAY,KAAK;AAErB,QAAM,gBAAgB,aAAAA,QAAM,YAAY,MAAM,kBAAkB,CAAC,gBAAgB,CAAC;AAClF,QAAM,yBAAyB,aAAAA,QAAM,YAAY,OAAO,CAAC,IAAI,CAAC,CAAC;AAE/D,QAAM,UAAM,qBAAuB,IAAI;AAEvC,QAAM,EAAE,OAAO,eAAe,QAAQ,eAAe,QAAI,8CAAmB,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,MACJ;AAAA,MACA;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,UAAU;AAAA,UACV;AAAA,UACA;AAAA,UACA;AAAA,UAEC;AAAA;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;AAEA,WAAW,cAAc;AAClB,MAAM,2BAAuB,kCAAS,UAAU;AACvD,qBAAqB,YAAY;",
+  "sourcesContent": ["import React, { useRef } from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { useCollapse } from './useCollapse.js';\nimport type { DSCollapseT } from './react-desc-prop-types.js';\nimport { DSCollapsePropTypesSchema } from './react-desc-prop-types.js';\nimport { StyledCollapse, StyledChildrenWrapper } from './styled.js';\nimport { useOnElementResize } from './useOnElementResize.js';\n\nconst DSCollapse: React.ComponentType<DSCollapseT.Props> = (props) => {\n  const {\n    propsWithDefault,\n    propsWithDefault: { show, orientation, collapsedSize, children },\n    globalAttributes,\n    xstyledProps,\n  } = useCollapse(props);\n\n  const getOwnerProps = React.useCallback(() => propsWithDefault, [propsWithDefault]);\n  const getOwnerPropsArguments = React.useCallback(() => ({}), []);\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      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n    >\n      <StyledChildrenWrapper\n        innerRef={ref}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n        orientation={orientation}\n      >\n        {children}\n      </StyledChildrenWrapper>\n    </StyledCollapse>\n  );\n};\n\nDSCollapse.displayName = 'DSCollapse';\nconst DSCollapseWithSchema = describe(DSCollapse);\nDSCollapseWithSchema.propTypes = DSCollapsePropTypesSchema;\n\nexport { DSCollapse, DSCollapseWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADoCjB;AApCN,mBAA8B;AAC9B,8BAAyB;AACzB,yBAA4B;AAE5B,mCAA0C;AAC1C,oBAAsD;AACtD,gCAAmC;AAEnC,MAAM,aAAqD,CAAC,UAAU;AACpE,QAAM;AAAA,IACJ;AAAA,IACA,kBAAkB,EAAE,MAAM,aAAa,eAAe,SAAS;AAAA,IAC/D;AAAA,IACA;AAAA,EACF,QAAI,gCAAY,KAAK;AAErB,QAAM,gBAAgB,aAAAA,QAAM,YAAY,MAAM,kBAAkB,CAAC,gBAAgB,CAAC;AAClF,QAAM,yBAAyB,aAAAA,QAAM,YAAY,OAAO,CAAC,IAAI,CAAC,CAAC;AAE/D,QAAM,UAAM,qBAAuB,IAAI;AAEvC,QAAM,EAAE,OAAO,eAAe,QAAQ,eAAe,QAAI,8CAAmB,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,MACJ;AAAA,MACA;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,UAAU;AAAA,UACV;AAAA,UACA;AAAA,UACA;AAAA,UAEC;AAAA;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;AAEA,WAAW,cAAc;AACzB,MAAM,2BAAuB,kCAAS,UAAU;AAChD,qBAAqB,YAAY;",
   "names": ["React"]
 }

package/dist/cjs/collapse/index.js

@@ -5,6 +5,10 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
@@ -13,7 +17,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
   // If the importer is in node compatibility mode or this is not an ESM
   // file that has been converted to a CommonJS file using a Babel-
@@ -24,7 +27,11 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var collapse_exports = {};
+__export(collapse_exports, {
+  DSCollapse: () => import_DSCollapse.DSCollapse,
+  DSCollapseWithSchema: () => import_DSCollapse.DSCollapseWithSchema
+});
 module.exports = __toCommonJS(collapse_exports);
 var React = __toESM(require("react"));
-__reExport(collapse_exports, require("./DSCollapse.js"), module.exports);
+var import_DSCollapse = require("./DSCollapse.js");
 //# 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.js';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,6BAAc,4BAAd;",
+  "sourcesContent": ["export { DSCollapse, DSCollapseWithSchema } from './DSCollapse.js';\nexport type { DSCollapseT } from './react-desc-prop-types.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAiD;",
   "names": []
 }

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

@@ -29,6 +29,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var react_desc_prop_types_exports = {};
 __export(react_desc_prop_types_exports, {
   DSCollapsePropTypes: () => DSCollapsePropTypes,
+  DSCollapsePropTypesSchema: () => DSCollapsePropTypesSchema,
   defaultProps: () => defaultProps
 });
 module.exports = __toCommonJS(react_desc_prop_types_exports);
@@ -45,4 +46,5 @@ const DSCollapsePropTypes = {
   orientation: import_ds_props_helpers.PropTypes.oneOf(["horizontal", "vertical"]).description("Whether this element should slide from left to right or from top to bottom").defaultValue("horizontal"),
   collapsedSize: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.number, import_ds_props_helpers.PropTypes.string]).description("Size when collapsed").defaultValue(0)
 };
+const DSCollapsePropTypesSchema = DSCollapsePropTypes;
 //# sourceMappingURL=react-desc-prop-types.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/collapse/react-desc-prop-types.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import 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;ADCvB,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;",
+  "sourcesContent": ["import type { GlobalAttributesT, XstyledProps, ValidationMap, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSCollapseT {\n  interface RequiredProps {\n    show: boolean;\n  }\n\n  export interface DefaultProps {\n    orientation: 'horizontal' | 'vertical';\n    collapsedSize: number | string;\n  }\n\n  export interface OptionalProps {}\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof RequiredProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof RequiredProps>,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const defaultProps: Partial<DSCollapseT.Props> = {\n  orientation: 'horizontal',\n  collapsedSize: '0px',\n};\n\nexport const DSCollapsePropTypes: DSPropTypesSchema<DSCollapseT.Props> = {\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};\n\nexport const DSCollapsePropTypesSchema = DSCollapsePropTypes as unknown as ValidationMap<DSCollapseT.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,8BAAuE;AA6BhE,MAAM,eAA2C;AAAA,EACtD,aAAa;AAAA,EACb,eAAe;AACjB;AAEO,MAAM,sBAA4D;AAAA,EACvE,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;AAEO,MAAM,4BAA4B;",
   "names": []
 }

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.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', {\n  name: DSCollapseName,\n  slot: DSCollapseSlots.CHILDREN_WRAPPER,\n})<StyledCollapseProps>`\n  width: fit-content;\n  height: fit-content;\n  ${(props) => {\n    if (props.orientation === 'vertical') return `width: 100%;`;\n    return `width: fit-content;`;\n  }}\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,KAAM,QAAO,OAAO,kBAAkB,WAAW,GAAG,aAAa,OAAO;AAC7E,SAAO,gBAAgB,GAAG,aAAa,OAAO;AAChD;AAEA,MAAM,mBAAmB,CAAC,EAAE,MAAM,eAAe,eAAe,MAA2B;AACzF,MAAI,CAAC,KAAM,QAAO,OAAO,kBAAkB,WAAW,GAAG,aAAa,OAAO;AAC7E,SAAO,iBAAiB,GAAG,cAAc,OAAO;AAClD;AAEO,MAAM,qBAAiB,yBAAO,OAAO;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM,+BAAgB;AACxB,CAAC;AAAA,gBACe,2BAA2B;AAAA,IACvC,CAAC,UAAU;AACX,MAAI,MAAM,gBAAgB,aAAc,QAAO,UAAU,gBAAgB,KAAK,CAAC;AAC/E,SAAO,WAAW,iBAAiB,KAAK,CAAC;AAC3C,CAAC;AAAA;AAAA,IAEC,mCAAkB;AAAA;AAGf,MAAM,4BAAwB,yBAAO,OAAO;AAAA,EACjD,MAAM;AAAA,EACN,MAAM,+BAAgB;AACxB,CAAC;AAAA;AAAA;AAAA,IAGG,CAAC,UAAU;AACX,MAAI,MAAM,gBAAgB,WAAY,QAAO;AAC7C,SAAO;AACT,CAAC;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\ninterface StyledChildrenCollapseProps {\n  orientation?: 'horizontal' | 'vertical';\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', {\n  name: DSCollapseName,\n  slot: DSCollapseSlots.CHILDREN_WRAPPER,\n})<StyledChildrenCollapseProps>`\n  width: fit-content;\n  height: fit-content;\n  ${(props) => {\n    if (props.orientation === 'vertical') return `width: 100%;`;\n    return `width: fit-content;`;\n  }}\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA2C;AAE3C,qBAAgD;AAWhD,MAAM,8BAA8B,CAAC,EAAE,YAAY,MACjD,gBAAgB,eAAe,UAAU;AAE3C,MAAM,kBAAkB,CAAC,EAAE,MAAM,eAAe,cAAc,MAA2B;AACvF,MAAI,CAAC,KAAM,QAAO,OAAO,kBAAkB,WAAW,GAAG,aAAa,OAAO;AAC7E,SAAO,gBAAgB,GAAG,aAAa,OAAO;AAChD;AAEA,MAAM,mBAAmB,CAAC,EAAE,MAAM,eAAe,eAAe,MAA2B;AACzF,MAAI,CAAC,KAAM,QAAO,OAAO,kBAAkB,WAAW,GAAG,aAAa,OAAO;AAC7E,SAAO,iBAAiB,GAAG,cAAc,OAAO;AAClD;AAEO,MAAM,qBAAiB,yBAAO,OAAO;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM,+BAAgB;AACxB,CAAC;AAAA,gBACe,2BAA2B;AAAA,IACvC,CAAC,UAAU;AACX,MAAI,MAAM,gBAAgB,aAAc,QAAO,UAAU,gBAAgB,KAAK,CAAC;AAC/E,SAAO,WAAW,iBAAiB,KAAK,CAAC;AAC3C,CAAC;AAAA;AAAA,IAEC,mCAAkB;AAAA;AAGf,MAAM,4BAAwB,yBAAO,OAAO;AAAA,EACjD,MAAM;AAAA,EACN,MAAM,+BAAgB;AACxB,CAAC;AAAA;AAAA;AAAA,IAGG,CAAC,UAAU;AACX,MAAI,MAAM,gBAAgB,WAAY,QAAO;AAC7C,SAAO;AACT,CAAC;AAAA;",
   "names": []
 }

package/dist/cjs/fade/DSFade.js

@@ -48,5 +48,5 @@ const DSFade = (props) => {
 };
 DSFade.displayName = "DSFade";
 const DSFadeWithSchema = (0, import_ds_props_helpers.describe)(DSFade);
-DSFadeWithSchema.propTypes = import_react_desc_prop_types.DSFadePropTypes;
+DSFadeWithSchema.propTypes = import_react_desc_prop_types.DSFadePropTypesSchema;
 //# sourceMappingURL=DSFade.js.map

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.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.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,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 { DSFadePropTypesSchema } from './react-desc-prop-types.js';\nimport { StyledFade } from './styled.js';\n\nconst 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.displayName = 'DSFade';\nconst DSFadeWithSchema = describe(DSFade);\nDSFadeWithSchema.propTypes = DSFadePropTypesSchema;\n\nexport { DSFade, DSFadeWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADcnB;AAdJ,8BAAyB;AACzB,qBAAwB;AAExB,mCAAsC;AACtC,oBAA2B;AAE3B,MAAM,SAA6C,CAAC,UAAU;AAC5D,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,cAAc;AACrB,MAAM,uBAAmB,kCAAS,MAAM;AACxC,iBAAiB,YAAY;",
   "names": []
 }

package/dist/cjs/fade/index.js

@@ -5,6 +5,10 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
@@ -13,7 +17,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
   // If the importer is in node compatibility mode or this is not an ESM
   // file that has been converted to a CommonJS file using a Babel-
@@ -24,7 +27,11 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var fade_exports = {};
+__export(fade_exports, {
+  DSFade: () => import_DSFade.DSFade,
+  DSFadeWithSchema: () => import_DSFade.DSFadeWithSchema
+});
 module.exports = __toCommonJS(fade_exports);
 var React = __toESM(require("react"));
-__reExport(fade_exports, require("./DSFade.js"), module.exports);
+var import_DSFade = require("./DSFade.js");
 //# 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.js';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,yBAAc,wBAAd;",
+  "sourcesContent": ["export { DSFade, DSFadeWithSchema } from './DSFade.js';\nexport type { DSFadeT } from './react-desc-prop-types.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,oBAAyC;",
   "names": []
 }

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

@@ -28,14 +28,18 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var react_desc_prop_types_exports = {};
 __export(react_desc_prop_types_exports, {
-  DSFadePropTypes: () => DSFadePropTypes
+  DSFadePropTypes: () => DSFadePropTypes,
+  DSFadePropTypesSchema: () => DSFadePropTypesSchema,
+  defaultProps: () => defaultProps
 });
 module.exports = __toCommonJS(react_desc_prop_types_exports);
 var React = __toESM(require("react"));
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+const defaultProps = {};
 const DSFadePropTypes = {
   ...import_ds_props_helpers.globalAttributesPropTypes,
   ...import_ds_props_helpers.xstyledPropTypes,
   show: import_ds_props_helpers.PropTypes.bool.description("Whether to show the inner element or not").isRequired
 };
+const DSFadePropTypesSchema = DSFadePropTypes;
 //# sourceMappingURL=react-desc-prop-types.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/fade/react-desc-prop-types.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import 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;ADCvB,8BAAuE;AAWhE,MAAM,kBAAkB;AAAA,EAC7B,GAAG;AAAA,EACH,GAAG;AAAA,EACH,MAAM,kCAAU,KAAK,YAAY,0CAA0C,EAAE;AAC/E;",
+  "sourcesContent": ["import type { GlobalAttributesT, XstyledProps, ValidationMap, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSFadeT {\n  interface RequiredProps {\n    show: boolean;\n  }\n\n  export interface DefaultProps {}\n\n  export interface OptionalProps {}\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof RequiredProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof RequiredProps>,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const defaultProps: DSFadeT.DefaultProps = {};\n\nexport const DSFadePropTypes: DSPropTypesSchema<DSFadeT.Props> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  show: PropTypes.bool.description('Whether to show the inner element or not').isRequired,\n};\n\nexport const DSFadePropTypesSchema = DSFadePropTypes as unknown as ValidationMap<DSFadeT.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,8BAAuE;AA0BhE,MAAM,eAAqC,CAAC;AAE5C,MAAM,kBAAoD;AAAA,EAC/D,GAAG;AAAA,EACH,GAAG;AAAA,EACH,MAAM,kCAAU,KAAK,YAAY,0CAA0C,EAAE;AAC/E;AAEO,MAAM,wBAAwB;",
   "names": []
 }

package/dist/cjs/typescript-testing/typescript-collapse-valid.js

@@ -0,0 +1,79 @@
+"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"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import__ = require("../index.js");
+const testRequiredProps = {
+  show: true
+};
+const testOptionalProps = {};
+const testPartialDefaults = {
+  orientation: "vertical"
+};
+const testProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testCompleteDefaults = {
+  collapsedSize: 0,
+  orientation: "horizontal"
+};
+const testInternalProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testInternalPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testExplicitDefinition = {
+  show: true,
+  collapsedSize: 0,
+  orientation: "horizontal"
+};
+const testInferedTypeCompatibility = {
+  show: true,
+  collapsedSize: 0,
+  orientation: "horizontal"
+};
+const testDefinitionAsConst = {
+  show: true,
+  collapsedSize: 0,
+  orientation: "horizontal"
+};
+const ExampleUsageComponent = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSCollapse, { ...testExplicitDefinition }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSCollapse, { ...testInferedTypeCompatibility }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSCollapse, { ...testDefinitionAsConst }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSCollapse, { show: true, collapsedSize: 0, orientation: "vertical" })
+] });
+//# sourceMappingURL=typescript-collapse-valid.js.map

package/dist/cjs/typescript-testing/typescript-collapse-valid.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-collapse-valid.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { DSCollapse } from '../index.js';\nimport type { DSCollapseT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSCollapseT.Props;\ntype ComponentPropsInternals = DSCollapseT.InternalProps;\ntype ComponentPropsDefaultProps = DSCollapseT.DefaultProps;\ntype ComponentPropsOptionalProps = DSCollapseT.OptionalProps;\ntype ComponentPropsRequiredProps = DSCollapseT.RequiredProps;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {\n  show: true,\n};\n\nconst testOptionalProps: ComponentPropsOptionalProps = {};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n// Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {\n  orientation: 'vertical',\n};\n\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\n\nconst testPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  collapsedSize: 0,\n  orientation: 'horizontal',\n};\n\nconst testInternalProps: ComponentPropsInternals = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\n\nconst testInternalPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  show: true,\n  collapsedSize: 0,\n  orientation: 'horizontal',\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  show: true,\n  collapsedSize: 0,\n  orientation: 'horizontal',\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  show: true,\n  collapsedSize: 0,\n  orientation: 'horizontal',\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <DSCollapse {...testExplicitDefinition} />\n    <DSCollapse {...testInferedTypeCompatibility} />\n    <DSCollapse {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <DSCollapse show collapsedSize={0} orientation=\"vertical\" />\n  </>\n);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;AC0ErB;AAzEF,eAA2B;AAU3B,MAAM,oBAAiD;AAAA,EACrD,MAAM;AACR;AAEA,MAAM,oBAAiD,CAAC;AAIxD,MAAM,sBAA2D;AAAA,EAC/D,aAAa;AACf;AAEA,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,uBAA6D;AAAA,EACjE,eAAe;AAAA,EACf,aAAa;AACf;AAEA,MAAM,oBAA6C;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,MAAM;AAAA,EACN,eAAe;AAAA,EACf,aAAa;AACf;AAGA,MAAM,+BAA+B;AAAA,EACnC,MAAM;AAAA,EACN,eAAe;AAAA,EACf,aAAa;AACf;AAEA,MAAM,wBAAwB;AAAA,EAC5B,MAAM;AAAA,EACN,eAAe;AAAA,EACf,aAAa;AACf;AAEA,MAAM,wBAAwB,MAC5B,4EAEE;AAAA,8CAAC,uBAAY,GAAG,wBAAwB;AAAA,EACxC,4CAAC,uBAAY,GAAG,8BAA8B;AAAA,EAC9C,4CAAC,uBAAY,GAAG,uBAAuB;AAAA,EAEvC,4CAAC,uBAAW,MAAI,MAAC,eAAe,GAAG,aAAY,YAAW;AAAA,GAC5D;",
+  "names": []
+}

package/dist/cjs/typescript-testing/typescript-fade-valid.js

@@ -0,0 +1,68 @@
+"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"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import__ = require("../index.js");
+const testRequiredProps = {
+  show: true
+};
+const testOptionalProps = {};
+const testPartialDefaults = {};
+const testProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testCompleteDefaults = {};
+const testInternalProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testInternalPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testExplicitDefinition = {
+  show: true
+};
+const testInferedTypeCompatibility = {
+  show: true
+};
+const testDefinitionAsConst = {
+  show: true
+};
+const ExampleUsageComponent = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSFade, { ...testExplicitDefinition }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSFade, { ...testInferedTypeCompatibility }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSFade, { ...testDefinitionAsConst }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSFade, { show: true })
+] });
+//# sourceMappingURL=typescript-fade-valid.js.map

package/dist/cjs/typescript-testing/typescript-fade-valid.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-fade-valid.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { DSFade } from '../index.js';\nimport type { DSFadeT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSFadeT.Props;\ntype ComponentPropsInternals = DSFadeT.InternalProps;\ntype ComponentPropsDefaultProps = DSFadeT.DefaultProps;\ntype ComponentPropsOptionalProps = DSFadeT.OptionalProps;\ntype ComponentPropsRequiredProps = DSFadeT.RequiredProps;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {\n  show: true,\n};\n\nconst testOptionalProps: ComponentPropsOptionalProps = {};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n// Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {};\n\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\n\nconst testPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {};\n\nconst testInternalProps: ComponentPropsInternals = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\n\nconst testInternalPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  show: true,\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  show: true,\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  show: true,\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <DSFade {...testExplicitDefinition} />\n    <DSFade {...testInferedTypeCompatibility} />\n    <DSFade {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <DSFade show />\n  </>\n);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;AC+DrB;AA9DF,eAAuB;AAUvB,MAAM,oBAAiD;AAAA,EACrD,MAAM;AACR;AAEA,MAAM,oBAAiD,CAAC;AAIxD,MAAM,sBAA2D,CAAC;AAElE,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,uBAA6D,CAAC;AAEpE,MAAM,oBAA6C;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,MAAM;AACR;AAGA,MAAM,+BAA+B;AAAA,EACnC,MAAM;AACR;AAEA,MAAM,wBAAwB;AAAA,EAC5B,MAAM;AACR;AAEA,MAAM,wBAAwB,MAC5B,4EAEE;AAAA,8CAAC,mBAAQ,GAAG,wBAAwB;AAAA,EACpC,4CAAC,mBAAQ,GAAG,8BAA8B;AAAA,EAC1C,4CAAC,mBAAQ,GAAG,uBAAuB;AAAA,EAEnC,4CAAC,mBAAO,MAAI,MAAC;AAAA,GACf;",
+  "names": []
+}

package/dist/esm/collapse/DSCollapse.js

@@ -3,7 +3,7 @@ import { jsx } from "react/jsx-runtime";
 import React2, { useRef } from "react";
 import { describe } from "@elliemae/ds-props-helpers";
 import { useCollapse } from "./useCollapse.js";
-import { DSCollapsePropTypes } from "./react-desc-prop-types.js";
+import { DSCollapsePropTypesSchema } from "./react-desc-prop-types.js";
 import { StyledCollapse, StyledChildrenWrapper } from "./styled.js";
 import { useOnElementResize } from "./useOnElementResize.js";
 const DSCollapse = (props) => {
@@ -45,7 +45,7 @@ const DSCollapse = (props) => {
 };
 DSCollapse.displayName = "DSCollapse";
 const DSCollapseWithSchema = describe(DSCollapse);
-DSCollapseWithSchema.propTypes = DSCollapsePropTypes;
+DSCollapseWithSchema.propTypes = DSCollapsePropTypesSchema;
 export {
   DSCollapse,
   DSCollapseWithSchema

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 React, { useRef } from 'react';\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';\nimport { useOnElementResize } from './useOnElementResize.js';\n\nexport const DSCollapse: React.ComponentType<DSCollapseT.Props> = (props) => {\n  const {\n    propsWithDefault,\n    propsWithDefault: { show, orientation, collapsedSize, children },\n    globalAttributes,\n    xstyledProps,\n  } = useCollapse(props);\n\n  const getOwnerProps = React.useCallback(() => propsWithDefault, [propsWithDefault]);\n  const getOwnerPropsArguments = React.useCallback(() => ({}), []);\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      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n    >\n      <StyledChildrenWrapper\n        innerRef={ref}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n        orientation={orientation}\n      >\n        {children}\n      </StyledChildrenWrapper>\n    </StyledCollapse>\n  );\n};\n\nDSCollapse.displayName = 'DSCollapse';\nexport const DSCollapseWithSchema = describe(DSCollapse);\nDSCollapseWithSchema.propTypes = DSCollapsePropTypes;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACoCjB;AApCN,OAAOA,UAAS,cAAc;AAC9B,SAAS,gBAAgB;AACzB,SAAS,mBAAmB;AAE5B,SAAS,2BAA2B;AACpC,SAAS,gBAAgB,6BAA6B;AACtD,SAAS,0BAA0B;AAE5B,MAAM,aAAqD,CAAC,UAAU;AAC3E,QAAM;AAAA,IACJ;AAAA,IACA,kBAAkB,EAAE,MAAM,aAAa,eAAe,SAAS;AAAA,IAC/D;AAAA,IACA;AAAA,EACF,IAAI,YAAY,KAAK;AAErB,QAAM,gBAAgBA,OAAM,YAAY,MAAM,kBAAkB,CAAC,gBAAgB,CAAC;AAClF,QAAM,yBAAyBA,OAAM,YAAY,OAAO,CAAC,IAAI,CAAC,CAAC;AAE/D,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,MACJ;AAAA,MACA;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,UAAU;AAAA,UACV;AAAA,UACA;AAAA,UACA;AAAA,UAEC;AAAA;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;AAEA,WAAW,cAAc;AAClB,MAAM,uBAAuB,SAAS,UAAU;AACvD,qBAAqB,YAAY;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useRef } from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { useCollapse } from './useCollapse.js';\nimport type { DSCollapseT } from './react-desc-prop-types.js';\nimport { DSCollapsePropTypesSchema } from './react-desc-prop-types.js';\nimport { StyledCollapse, StyledChildrenWrapper } from './styled.js';\nimport { useOnElementResize } from './useOnElementResize.js';\n\nconst DSCollapse: React.ComponentType<DSCollapseT.Props> = (props) => {\n  const {\n    propsWithDefault,\n    propsWithDefault: { show, orientation, collapsedSize, children },\n    globalAttributes,\n    xstyledProps,\n  } = useCollapse(props);\n\n  const getOwnerProps = React.useCallback(() => propsWithDefault, [propsWithDefault]);\n  const getOwnerPropsArguments = React.useCallback(() => ({}), []);\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      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n    >\n      <StyledChildrenWrapper\n        innerRef={ref}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n        orientation={orientation}\n      >\n        {children}\n      </StyledChildrenWrapper>\n    </StyledCollapse>\n  );\n};\n\nDSCollapse.displayName = 'DSCollapse';\nconst DSCollapseWithSchema = describe(DSCollapse);\nDSCollapseWithSchema.propTypes = DSCollapsePropTypesSchema;\n\nexport { DSCollapse, DSCollapseWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACoCjB;AApCN,OAAOA,UAAS,cAAc;AAC9B,SAAS,gBAAgB;AACzB,SAAS,mBAAmB;AAE5B,SAAS,iCAAiC;AAC1C,SAAS,gBAAgB,6BAA6B;AACtD,SAAS,0BAA0B;AAEnC,MAAM,aAAqD,CAAC,UAAU;AACpE,QAAM;AAAA,IACJ;AAAA,IACA,kBAAkB,EAAE,MAAM,aAAa,eAAe,SAAS;AAAA,IAC/D;AAAA,IACA;AAAA,EACF,IAAI,YAAY,KAAK;AAErB,QAAM,gBAAgBA,OAAM,YAAY,MAAM,kBAAkB,CAAC,gBAAgB,CAAC;AAClF,QAAM,yBAAyBA,OAAM,YAAY,OAAO,CAAC,IAAI,CAAC,CAAC;AAE/D,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,MACJ;AAAA,MACA;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,UAAU;AAAA,UACV;AAAA,UACA;AAAA,UACA;AAAA,UAEC;AAAA;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;AAEA,WAAW,cAAc;AACzB,MAAM,uBAAuB,SAAS,UAAU;AAChD,qBAAqB,YAAY;",
   "names": ["React"]
 }

package/dist/esm/collapse/index.js

@@ -1,3 +1,7 @@
 import * as React from "react";
-export * from "./DSCollapse.js";
+import { DSCollapse, DSCollapseWithSchema } from "./DSCollapse.js";
+export {
+  DSCollapse,
+  DSCollapseWithSchema
+};
 //# 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.js';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { DSCollapse, DSCollapseWithSchema } from './DSCollapse.js';\nexport type { DSCollapseT } from './react-desc-prop-types.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,YAAY,4BAA4B;",
   "names": []
 }

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

@@ -11,8 +11,10 @@ const DSCollapsePropTypes = {
   orientation: PropTypes.oneOf(["horizontal", "vertical"]).description("Whether this element should slide from left to right or from top to bottom").defaultValue("horizontal"),
   collapsedSize: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description("Size when collapsed").defaultValue(0)
 };
+const DSCollapsePropTypesSchema = DSCollapsePropTypes;
 export {
   DSCollapsePropTypes,
+  DSCollapsePropTypesSchema,
   defaultProps
 };
 //# sourceMappingURL=react-desc-prop-types.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/collapse/react-desc-prop-types.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import 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"],
-  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,WAAW,2BAA2B,wBAAwB;AAahE,MAAM,eAA2C;AAAA,EACtD,aAAa;AAAA,EACb,eAAe;AACjB;AAEO,MAAM,sBAAsB;AAAA,EACjC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,MAAM,UAAU,KAAK,YAAY,0CAA0C,EAAE;AAAA,EAC7E,aAAa,UAAU,MAAM,CAAC,cAAc,UAAU,CAAC,EACpD,YAAY,4EAA4E,EACxF,aAAa,YAAY;AAAA,EAC5B,eAAe,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EACpE,YAAY,qBAAqB,EACjC,aAAa,CAAC;AACnB;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { GlobalAttributesT, XstyledProps, ValidationMap, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSCollapseT {\n  interface RequiredProps {\n    show: boolean;\n  }\n\n  export interface DefaultProps {\n    orientation: 'horizontal' | 'vertical';\n    collapsedSize: number | string;\n  }\n\n  export interface OptionalProps {}\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof RequiredProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof RequiredProps>,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const defaultProps: Partial<DSCollapseT.Props> = {\n  orientation: 'horizontal',\n  collapsedSize: '0px',\n};\n\nexport const DSCollapsePropTypes: DSPropTypesSchema<DSCollapseT.Props> = {\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};\n\nexport const DSCollapsePropTypesSchema = DSCollapsePropTypes as unknown as ValidationMap<DSCollapseT.Props>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,WAAW,2BAA2B,wBAAwB;AA6BhE,MAAM,eAA2C;AAAA,EACtD,aAAa;AAAA,EACb,eAAe;AACjB;AAEO,MAAM,sBAA4D;AAAA,EACvE,GAAG;AAAA,EACH,GAAG;AAAA,EACH,MAAM,UAAU,KAAK,YAAY,0CAA0C,EAAE;AAAA,EAC7E,aAAa,UAAU,MAAM,CAAC,cAAc,UAAU,CAAC,EACpD,YAAY,4EAA4E,EACxF,aAAa,YAAY;AAAA,EAC5B,eAAe,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EACpE,YAAY,qBAAqB,EACjC,aAAa,CAAC;AACnB;AAEO,MAAM,4BAA4B;",
   "names": []
 }

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.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', {\n  name: DSCollapseName,\n  slot: DSCollapseSlots.CHILDREN_WRAPPER,\n})<StyledCollapseProps>`\n  width: fit-content;\n  height: fit-content;\n  ${(props) => {\n    if (props.orientation === 'vertical') return `width: 100%;`;\n    return `width: fit-content;`;\n  }}\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,KAAM,QAAO,OAAO,kBAAkB,WAAW,GAAG,aAAa,OAAO;AAC7E,SAAO,gBAAgB,GAAG,aAAa,OAAO;AAChD;AAEA,MAAM,mBAAmB,CAAC,EAAE,MAAM,eAAe,eAAe,MAA2B;AACzF,MAAI,CAAC,KAAM,QAAO,OAAO,kBAAkB,WAAW,GAAG,aAAa,OAAO;AAC7E,SAAO,iBAAiB,GAAG,cAAc,OAAO;AAClD;AAEO,MAAM,iBAAiB,OAAO,OAAO;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM,gBAAgB;AACxB,CAAC;AAAA,gBACe,2BAA2B;AAAA,IACvC,CAAC,UAAU;AACX,MAAI,MAAM,gBAAgB,aAAc,QAAO,UAAU,gBAAgB,KAAK,CAAC;AAC/E,SAAO,WAAW,iBAAiB,KAAK,CAAC;AAC3C,CAAC;AAAA;AAAA,IAEC,kBAAkB;AAAA;AAGf,MAAM,wBAAwB,OAAO,OAAO;AAAA,EACjD,MAAM;AAAA,EACN,MAAM,gBAAgB;AACxB,CAAC;AAAA;AAAA;AAAA,IAGG,CAAC,UAAU;AACX,MAAI,MAAM,gBAAgB,WAAY,QAAO;AAC7C,SAAO;AACT,CAAC;AAAA;",
+  "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\ninterface StyledChildrenCollapseProps {\n  orientation?: 'horizontal' | 'vertical';\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', {\n  name: DSCollapseName,\n  slot: DSCollapseSlots.CHILDREN_WRAPPER,\n})<StyledChildrenCollapseProps>`\n  width: fit-content;\n  height: fit-content;\n  ${(props) => {\n    if (props.orientation === 'vertical') return `width: 100%;`;\n    return `width: fit-content;`;\n  }}\n`;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,0BAA0B;AAE3C,SAAS,gBAAgB,uBAAuB;AAWhD,MAAM,8BAA8B,CAAC,EAAE,YAAY,MACjD,gBAAgB,eAAe,UAAU;AAE3C,MAAM,kBAAkB,CAAC,EAAE,MAAM,eAAe,cAAc,MAA2B;AACvF,MAAI,CAAC,KAAM,QAAO,OAAO,kBAAkB,WAAW,GAAG,aAAa,OAAO;AAC7E,SAAO,gBAAgB,GAAG,aAAa,OAAO;AAChD;AAEA,MAAM,mBAAmB,CAAC,EAAE,MAAM,eAAe,eAAe,MAA2B;AACzF,MAAI,CAAC,KAAM,QAAO,OAAO,kBAAkB,WAAW,GAAG,aAAa,OAAO;AAC7E,SAAO,iBAAiB,GAAG,cAAc,OAAO;AAClD;AAEO,MAAM,iBAAiB,OAAO,OAAO;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM,gBAAgB;AACxB,CAAC;AAAA,gBACe,2BAA2B;AAAA,IACvC,CAAC,UAAU;AACX,MAAI,MAAM,gBAAgB,aAAc,QAAO,UAAU,gBAAgB,KAAK,CAAC;AAC/E,SAAO,WAAW,iBAAiB,KAAK,CAAC;AAC3C,CAAC;AAAA;AAAA,IAEC,kBAAkB;AAAA;AAGf,MAAM,wBAAwB,OAAO,OAAO;AAAA,EACjD,MAAM;AAAA,EACN,MAAM,gBAAgB;AACxB,CAAC;AAAA;AAAA;AAAA,IAGG,CAAC,UAAU;AACX,MAAI,MAAM,gBAAgB,WAAY,QAAO;AAC7C,SAAO;AACT,CAAC;AAAA;",
   "names": []
 }

package/dist/esm/fade/DSFade.js

@@ -2,7 +2,7 @@ import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import { describe } from "@elliemae/ds-props-helpers";
 import { useFade } from "./useFade.js";
-import { DSFadePropTypes } from "./react-desc-prop-types.js";
+import { DSFadePropTypesSchema } from "./react-desc-prop-types.js";
 import { StyledFade } from "./styled.js";
 const DSFade = (props) => {
   const {
@@ -14,7 +14,7 @@ const DSFade = (props) => {
 };
 DSFade.displayName = "DSFade";
 const DSFadeWithSchema = describe(DSFade);
-DSFadeWithSchema.propTypes = DSFadePropTypes;
+DSFadeWithSchema.propTypes = DSFadePropTypesSchema;
 export {
   DSFade,
   DSFadeWithSchema

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.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.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,cAAc;AACd,MAAM,mBAAmB,SAAS,MAAM;AAC/C,iBAAiB,YAAY;",
+  "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 { DSFadePropTypesSchema } from './react-desc-prop-types.js';\nimport { StyledFade } from './styled.js';\n\nconst 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.displayName = 'DSFade';\nconst DSFadeWithSchema = describe(DSFade);\nDSFadeWithSchema.propTypes = DSFadePropTypesSchema;\n\nexport { DSFade, DSFadeWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACcnB;AAdJ,SAAS,gBAAgB;AACzB,SAAS,eAAe;AAExB,SAAS,6BAA6B;AACtC,SAAS,kBAAkB;AAE3B,MAAM,SAA6C,CAAC,UAAU;AAC5D,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,cAAc;AACrB,MAAM,mBAAmB,SAAS,MAAM;AACxC,iBAAiB,YAAY;",
   "names": []
 }

package/dist/esm/fade/index.js

@@ -1,3 +1,7 @@
 import * as React from "react";
-export * from "./DSFade.js";
+import { DSFade, DSFadeWithSchema } from "./DSFade.js";
+export {
+  DSFade,
+  DSFadeWithSchema
+};
 //# 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.js';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { DSFade, DSFadeWithSchema } from './DSFade.js';\nexport type { DSFadeT } from './react-desc-prop-types.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,wBAAwB;",
   "names": []
 }

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

@@ -1,11 +1,15 @@
 import * as React from "react";
 import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from "@elliemae/ds-props-helpers";
+const defaultProps = {};
 const DSFadePropTypes = {
   ...globalAttributesPropTypes,
   ...xstyledPropTypes,
   show: PropTypes.bool.description("Whether to show the inner element or not").isRequired
 };
+const DSFadePropTypesSchema = DSFadePropTypes;
 export {
-  DSFadePropTypes
+  DSFadePropTypes,
+  DSFadePropTypesSchema,
+  defaultProps
 };
 //# sourceMappingURL=react-desc-prop-types.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/fade/react-desc-prop-types.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import 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"],
-  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,WAAW,2BAA2B,wBAAwB;AAWhE,MAAM,kBAAkB;AAAA,EAC7B,GAAG;AAAA,EACH,GAAG;AAAA,EACH,MAAM,UAAU,KAAK,YAAY,0CAA0C,EAAE;AAC/E;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { GlobalAttributesT, XstyledProps, ValidationMap, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSFadeT {\n  interface RequiredProps {\n    show: boolean;\n  }\n\n  export interface DefaultProps {}\n\n  export interface OptionalProps {}\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof RequiredProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof RequiredProps>,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const defaultProps: DSFadeT.DefaultProps = {};\n\nexport const DSFadePropTypes: DSPropTypesSchema<DSFadeT.Props> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  show: PropTypes.bool.description('Whether to show the inner element or not').isRequired,\n};\n\nexport const DSFadePropTypesSchema = DSFadePropTypes as unknown as ValidationMap<DSFadeT.Props>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,WAAW,2BAA2B,wBAAwB;AA0BhE,MAAM,eAAqC,CAAC;AAE5C,MAAM,kBAAoD;AAAA,EAC/D,GAAG;AAAA,EACH,GAAG;AAAA,EACH,MAAM,UAAU,KAAK,YAAY,0CAA0C,EAAE;AAC/E;AAEO,MAAM,wBAAwB;",
   "names": []
 }

package/dist/esm/typescript-testing/typescript-collapse-valid.js

@@ -0,0 +1,56 @@
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { DSCollapse } from "../index.js";
+const testRequiredProps = {
+  show: true
+};
+const testOptionalProps = {};
+const testPartialDefaults = {
+  orientation: "vertical"
+};
+const testProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testCompleteDefaults = {
+  collapsedSize: 0,
+  orientation: "horizontal"
+};
+const testInternalProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testInternalPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testExplicitDefinition = {
+  show: true,
+  collapsedSize: 0,
+  orientation: "horizontal"
+};
+const testInferedTypeCompatibility = {
+  show: true,
+  collapsedSize: 0,
+  orientation: "horizontal"
+};
+const testDefinitionAsConst = {
+  show: true,
+  collapsedSize: 0,
+  orientation: "horizontal"
+};
+const ExampleUsageComponent = () => /* @__PURE__ */ jsxs(Fragment, { children: [
+  /* @__PURE__ */ jsx(DSCollapse, { ...testExplicitDefinition }),
+  /* @__PURE__ */ jsx(DSCollapse, { ...testInferedTypeCompatibility }),
+  /* @__PURE__ */ jsx(DSCollapse, { ...testDefinitionAsConst }),
+  /* @__PURE__ */ jsx(DSCollapse, { show: true, collapsedSize: 0, orientation: "vertical" })
+] });
+//# sourceMappingURL=typescript-collapse-valid.js.map

package/dist/esm/typescript-testing/typescript-collapse-valid.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-collapse-valid.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { DSCollapse } from '../index.js';\nimport type { DSCollapseT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSCollapseT.Props;\ntype ComponentPropsInternals = DSCollapseT.InternalProps;\ntype ComponentPropsDefaultProps = DSCollapseT.DefaultProps;\ntype ComponentPropsOptionalProps = DSCollapseT.OptionalProps;\ntype ComponentPropsRequiredProps = DSCollapseT.RequiredProps;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {\n  show: true,\n};\n\nconst testOptionalProps: ComponentPropsOptionalProps = {};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n// Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {\n  orientation: 'vertical',\n};\n\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\n\nconst testPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  collapsedSize: 0,\n  orientation: 'horizontal',\n};\n\nconst testInternalProps: ComponentPropsInternals = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\n\nconst testInternalPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  show: true,\n  collapsedSize: 0,\n  orientation: 'horizontal',\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  show: true,\n  collapsedSize: 0,\n  orientation: 'horizontal',\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  show: true,\n  collapsedSize: 0,\n  orientation: 'horizontal',\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <DSCollapse {...testExplicitDefinition} />\n    <DSCollapse {...testInferedTypeCompatibility} />\n    <DSCollapse {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <DSCollapse show collapsedSize={0} orientation=\"vertical\" />\n  </>\n);\n"],
+  "mappings": "AAAA,YAAY,WAAW;AC0ErB,mBAEE,KAFF;AAzEF,SAAS,kBAAkB;AAU3B,MAAM,oBAAiD;AAAA,EACrD,MAAM;AACR;AAEA,MAAM,oBAAiD,CAAC;AAIxD,MAAM,sBAA2D;AAAA,EAC/D,aAAa;AACf;AAEA,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,uBAA6D;AAAA,EACjE,eAAe;AAAA,EACf,aAAa;AACf;AAEA,MAAM,oBAA6C;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,MAAM;AAAA,EACN,eAAe;AAAA,EACf,aAAa;AACf;AAGA,MAAM,+BAA+B;AAAA,EACnC,MAAM;AAAA,EACN,eAAe;AAAA,EACf,aAAa;AACf;AAEA,MAAM,wBAAwB;AAAA,EAC5B,MAAM;AAAA,EACN,eAAe;AAAA,EACf,aAAa;AACf;AAEA,MAAM,wBAAwB,MAC5B,iCAEE;AAAA,sBAAC,cAAY,GAAG,wBAAwB;AAAA,EACxC,oBAAC,cAAY,GAAG,8BAA8B;AAAA,EAC9C,oBAAC,cAAY,GAAG,uBAAuB;AAAA,EAEvC,oBAAC,cAAW,MAAI,MAAC,eAAe,GAAG,aAAY,YAAW;AAAA,GAC5D;",
+  "names": []
+}

package/dist/esm/typescript-testing/typescript-fade-valid.js

@@ -0,0 +1,45 @@
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { DSFade } from "../index.js";
+const testRequiredProps = {
+  show: true
+};
+const testOptionalProps = {};
+const testPartialDefaults = {};
+const testProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testCompleteDefaults = {};
+const testInternalProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testInternalPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testExplicitDefinition = {
+  show: true
+};
+const testInferedTypeCompatibility = {
+  show: true
+};
+const testDefinitionAsConst = {
+  show: true
+};
+const ExampleUsageComponent = () => /* @__PURE__ */ jsxs(Fragment, { children: [
+  /* @__PURE__ */ jsx(DSFade, { ...testExplicitDefinition }),
+  /* @__PURE__ */ jsx(DSFade, { ...testInferedTypeCompatibility }),
+  /* @__PURE__ */ jsx(DSFade, { ...testDefinitionAsConst }),
+  /* @__PURE__ */ jsx(DSFade, { show: true })
+] });
+//# sourceMappingURL=typescript-fade-valid.js.map

package/dist/esm/typescript-testing/typescript-fade-valid.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-fade-valid.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { DSFade } from '../index.js';\nimport type { DSFadeT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSFadeT.Props;\ntype ComponentPropsInternals = DSFadeT.InternalProps;\ntype ComponentPropsDefaultProps = DSFadeT.DefaultProps;\ntype ComponentPropsOptionalProps = DSFadeT.OptionalProps;\ntype ComponentPropsRequiredProps = DSFadeT.RequiredProps;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {\n  show: true,\n};\n\nconst testOptionalProps: ComponentPropsOptionalProps = {};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n// Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {};\n\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\n\nconst testPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {};\n\nconst testInternalProps: ComponentPropsInternals = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\n\nconst testInternalPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  show: true,\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  show: true,\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  show: true,\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <DSFade {...testExplicitDefinition} />\n    <DSFade {...testInferedTypeCompatibility} />\n    <DSFade {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <DSFade show />\n  </>\n);\n"],
+  "mappings": "AAAA,YAAY,WAAW;AC+DrB,mBAEE,KAFF;AA9DF,SAAS,cAAc;AAUvB,MAAM,oBAAiD;AAAA,EACrD,MAAM;AACR;AAEA,MAAM,oBAAiD,CAAC;AAIxD,MAAM,sBAA2D,CAAC;AAElE,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,uBAA6D,CAAC;AAEpE,MAAM,oBAA6C;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,MAAM;AACR;AAGA,MAAM,+BAA+B;AAAA,EACnC,MAAM;AACR;AAEA,MAAM,wBAAwB;AAAA,EAC5B,MAAM;AACR;AAEA,MAAM,wBAAwB,MAC5B,iCAEE;AAAA,sBAAC,UAAQ,GAAG,wBAAwB;AAAA,EACpC,oBAAC,UAAQ,GAAG,8BAA8B;AAAA,EAC1C,oBAAC,UAAQ,GAAG,uBAAuB;AAAA,EAEnC,oBAAC,UAAO,MAAI,MAAC;AAAA,GACf;",
+  "names": []
+}

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

@@ -1,4 +1,5 @@
 import React from 'react';
 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.js").DocumentedReactComponent<DSCollapseT.Props>;
+declare const DSCollapse: React.ComponentType<DSCollapseT.Props>;
+declare const DSCollapseWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSCollapseT.Props>;
+export { DSCollapse, DSCollapseWithSchema };

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

@@ -1 +1,2 @@
-export * from './DSCollapse.js';
+export { DSCollapse, DSCollapseWithSchema } from './DSCollapse.js';
+export type { DSCollapseT } from './react-desc-prop-types.js';

package/dist/types/collapse/react-desc-prop-types.d.ts

@@ -1,13 +1,19 @@
-import type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';
-import type { WeakValidationMap } from 'react';
+import type { GlobalAttributesT, XstyledProps, ValidationMap, DSPropTypesSchema } from '@elliemae/ds-props-helpers';
 export declare namespace DSCollapseT {
-    interface IProps {
+    interface RequiredProps {
         show: boolean;
-        orientation?: 'horizontal' | 'vertical';
-        collapsedSize?: number | string;
     }
-    interface Props extends IProps, Omit<GlobalAttributesT<HTMLDivElement>, keyof IProps>, XstyledProps {
+    interface DefaultProps {
+        orientation: 'horizontal' | 'vertical';
+        collapsedSize: number | string;
+    }
+    interface OptionalProps {
+    }
+    interface Props extends Partial<DefaultProps>, OptionalProps, Omit<GlobalAttributesT<HTMLDivElement>, keyof RequiredProps>, XstyledProps, RequiredProps {
+    }
+    interface InternalProps extends DefaultProps, OptionalProps, Omit<GlobalAttributesT<HTMLDivElement>, keyof RequiredProps>, XstyledProps, RequiredProps {
     }
 }
 export declare const defaultProps: Partial<DSCollapseT.Props>;
-export declare const DSCollapsePropTypes: WeakValidationMap<unknown>;
+export declare const DSCollapsePropTypes: DSPropTypesSchema<DSCollapseT.Props>;
+export declare const DSCollapsePropTypesSchema: ValidationMap<DSCollapseT.Props>;

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

@@ -3,6 +3,9 @@ interface StyledCollapseProps extends DSCollapseT.Props {
     expandedWidth: number;
     expandedHeight: number;
 }
+interface StyledChildrenCollapseProps {
+    orientation?: 'horizontal' | 'vertical';
+}
 export declare const StyledCollapse: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, StyledCollapseProps & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
-export declare const StyledChildrenWrapper: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, StyledCollapseProps & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
+export declare const StyledChildrenWrapper: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, StyledChildrenCollapseProps & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
 export {};

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

@@ -1,4 +1,5 @@
 /// <reference types="react" />
 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.js").DocumentedReactComponent<DSFadeT.Props>;
+declare const DSFade: React.ComponentType<DSFadeT.Props>;
+declare const DSFadeWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSFadeT.Props>;
+export { DSFade, DSFadeWithSchema };

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

@@ -1 +1,2 @@
-export * from './DSFade.js';
+export { DSFade, DSFadeWithSchema } from './DSFade.js';
+export type { DSFadeT } from './react-desc-prop-types.js';

package/dist/types/fade/react-desc-prop-types.d.ts

@@ -1,10 +1,17 @@
-import type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';
-import type { WeakValidationMap } from 'react';
+import type { GlobalAttributesT, XstyledProps, ValidationMap, DSPropTypesSchema } from '@elliemae/ds-props-helpers';
 export declare namespace DSFadeT {
-    interface IProps {
+    interface RequiredProps {
         show: boolean;
     }
-    interface Props extends IProps, Omit<GlobalAttributesT<HTMLInputElement>, keyof IProps>, XstyledProps {
+    interface DefaultProps {
+    }
+    interface OptionalProps {
+    }
+    interface Props extends Partial<DefaultProps>, OptionalProps, Omit<GlobalAttributesT<HTMLDivElement>, keyof RequiredProps>, XstyledProps, RequiredProps {
+    }
+    interface InternalProps extends DefaultProps, OptionalProps, Omit<GlobalAttributesT<HTMLDivElement>, keyof RequiredProps>, XstyledProps, RequiredProps {
     }
 }
-export declare const DSFadePropTypes: WeakValidationMap<unknown>;
+export declare const defaultProps: DSFadeT.DefaultProps;
+export declare const DSFadePropTypes: DSPropTypesSchema<DSFadeT.Props>;
+export declare const DSFadePropTypesSchema: ValidationMap<DSFadeT.Props>;

package/dist/types/typescript-testing/typescript-collapse-valid.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/typescript-testing/typescript-fade-valid.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-transition",
-  "version": "3.41.2-rc.0",
+  "version": "3.42.0-rc.0",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Tooltip",
   "files": [
@@ -36,14 +36,14 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-props-helpers": "3.41.2-rc.0",
-    "@elliemae/ds-system": "3.41.2-rc.0"
+    "@elliemae/ds-props-helpers": "3.42.0-rc.0",
+    "@elliemae/ds-system": "3.42.0-rc.0"
   },
   "devDependencies": {
     "@elliemae/pui-cli": "9.0.0-next.50",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "@elliemae/ds-monorepo-devops": "3.41.2-rc.0"
+    "@elliemae/ds-monorepo-devops": "3.42.0-rc.0"
   },
   "peerDependencies": {
     "react": "^17.0.2",
@@ -52,7 +52,7 @@
   },
   "publishConfig": {
     "access": "public",
-    "typeSafety": false
+    "typeSafety": true
   },
   "scripts": {
     "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",