@elliemae/ds-transition 3.22.0-next.26 → 3.22.0-next.28

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/collapse/DSCollapse.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "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.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.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/collapse/index.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "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;",
   "names": []

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/collapse/react-desc-prop-types.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "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;",
   "names": []

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/collapse/styled.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "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', { 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.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/collapse/theming.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "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;",
   "names": []

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/collapse/useCollapse.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "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.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.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/fade/DSFade.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "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.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.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/fade/index.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "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;",
   "names": []

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/fade/react-desc-prop-types.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "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;",
   "names": []

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/fade/styled.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sources": ["../../../src/fade/styled.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "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.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/fade/theming.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "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;",
   "names": []

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/fade/useFade.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "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.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.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/index.ts", "../../../../scripts/build/transpile/react-shim.js"],
+  "sources": ["../../src/index.ts", "../../../../../scripts/build/transpile/react-shim.js"],
   "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/esm/collapse/DSCollapse.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/collapse/DSCollapse.tsx"],
+  "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.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.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/collapse/index.ts"],
+  "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;",
   "names": []

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/collapse/react-desc-prop-types.tsx"],
+  "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 {} 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"],
   "mappings": "AAAA,YAAY,WAAW;ACEvB,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;",
   "names": []

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/collapse/styled.tsx"],
+  "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', { 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/theming.js.map

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

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/collapse/useCollapse.ts"],
+  "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.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.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/fade/DSFade.tsx"],
+  "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.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.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/fade/index.ts"],
+  "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;",
   "names": []

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/fade/react-desc-prop-types.tsx"],
+  "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 {} 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"],
   "mappings": "AAAA,YAAY,WAAW;ACEvB,SAAS,WAAW,2BAA2B,wBAAwB;AAWhE,MAAM,kBAAkB;AAAA,EAC7B,GAAG;AAAA,EACH,GAAG;AAAA,EACH,MAAM,UAAU,KAAK,YAAY,0CAA0C,EAAE;AAC/E;",
   "names": []

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/fade/styled.tsx"],
+  "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.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/theming.js.map

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

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/fade/useFade.ts"],
+  "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.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.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.ts"],
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.ts"],
   "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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-transition",
-  "version": "3.22.0-next.26",
+  "version": "3.22.0-next.28",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Tooltip",
   "files": [
@@ -35,15 +35,15 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-props-helpers": "3.22.0-next.26",
-    "@elliemae/ds-system": "3.22.0-next.26",
-    "@elliemae/ds-utilities": "3.22.0-next.26"
+    "@elliemae/ds-props-helpers": "3.22.0-next.28",
+    "@elliemae/ds-utilities": "3.22.0-next.28",
+    "@elliemae/ds-system": "3.22.0-next.28"
   },
   "devDependencies": {
     "@elliemae/pui-cli": "~9.0.0-next.22",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "@elliemae/ds-monorepo-devops": "3.22.0-next.26"
+    "@elliemae/ds-monorepo-devops": "3.22.0-next.28"
   },
   "peerDependencies": {
     "react": "^17.0.2",
@@ -55,12 +55,12 @@
     "typeSafety": false
   },
   "scripts": {
-    "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
+    "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
     "test": "pui-cli test --passWithNoTests",
-    "lint": "node ../../scripts/lint.mjs",
-    "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../.eslintrc.js' src/",
-    "dts": "node ../../scripts/dts.mjs",
-    "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
+    "lint": "node ../../../scripts/lint.mjs",
+    "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../../.eslintrc.js' src/",
+    "dts": "node ../../../scripts/dts.mjs",
+    "build": "cross-env NODE_ENV=production node ../../../scripts/build/build.mjs",
     "dev:build": "pnpm --filter {.}... build",
     "dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
     "checkDeps": "npm exec ../ds-codemods -- check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""