@elliemae/ds-legacy-transition 1.0.0-rc.1

package/dist/cjs/fade/useFade.js

@@ -0,0 +1,44 @@
+"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 __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))
+      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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useFade_exports = {};
+__export(useFade_exports, {
+  useFade: () => useFade
+});
+module.exports = __toCommonJS(useFade_exports);
+var React = __toESM(require("react"));
+var import_ds_legacy_props_helpers = require("@elliemae/ds-legacy-props-helpers");
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
+var import_theming = require("./theming.js");
+const useFade = (props) => {
+  (0, import_ds_legacy_props_helpers.useValidateTypescriptPropTypes)(props, import_react_desc_prop_types.DSFadePropTypes, import_theming.DSFadeName);
+  const globalAttributes = (0, import_ds_legacy_props_helpers.useGetGlobalAttributes)(props);
+  const xstyledProps = (0, import_ds_legacy_props_helpers.useGetXstyledProps)(props);
+  return { propsWithDefault: props, globalAttributes, xstyledProps };
+};
+//# sourceMappingURL=useFade.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/fade/useFade.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useGetGlobalAttributes, useGetXstyledProps, useValidateTypescriptPropTypes } from '@elliemae/ds-legacy-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,qCAA2F;AAE3F,mCAAgC;AAChC,qBAA2B;AAEpB,MAAM,UAAU,CAAC,UAAyB;AAC/C,qEAA+B,OAAO,8CAAiB,yBAAU;AACjE,QAAM,uBAAmB,uDAAuB,KAAK;AACrD,QAAM,mBAAe,mDAAmB,KAAK;AAC7C,SAAO,EAAE,kBAAkB,OAAO,kBAAkB,aAAa;AACnE;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -0,0 +1,31 @@
+"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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var src_exports = {};
+module.exports = __toCommonJS(src_exports);
+var React = __toESM(require("react"));
+__reExport(src_exports, require("./fade/index.js"), module.exports);
+__reExport(src_exports, require("./collapse/index.js"), module.exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "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/cjs/package.json

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

package/dist/esm/collapse/DSCollapse.js

@@ -0,0 +1,40 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { useRef } from "react";
+import { useOnElementResize } from "@elliemae/ds-legacy-utilities";
+import { describe } from "@elliemae/ds-legacy-props-helpers";
+import { useCollapse } from "./useCollapse.js";
+import { DSCollapsePropTypes } from "./react-desc-prop-types.js";
+import { StyledCollapse, StyledChildrenWrapper } from "./styled.js";
+const DSCollapse = (props) => {
+  const {
+    propsWithDefault: { show, orientation, collapsedSize, children },
+    globalAttributes,
+    xstyledProps
+  } = useCollapse(props);
+  const ref = useRef(null);
+  const { width: expandedWidth, height: expandedHeight } = useOnElementResize(ref);
+  return /* @__PURE__ */ jsx(
+    StyledCollapse,
+    {
+      "data-test-id": "ds-transition-collapse",
+      show,
+      orientation,
+      collapsedSize,
+      expandedWidth,
+      expandedHeight,
+      ...globalAttributes,
+      ...xstyledProps,
+      children: /* @__PURE__ */ jsx(StyledChildrenWrapper, { ref, children })
+    }
+  );
+};
+DSCollapse.propTypes = DSCollapsePropTypes;
+DSCollapse.displayName = "DSCollapse";
+const DSCollapseWithSchema = describe(DSCollapse);
+DSCollapseWithSchema.propTypes = DSCollapsePropTypes;
+export {
+  DSCollapse,
+  DSCollapseWithSchema
+};
+//# sourceMappingURL=DSCollapse.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/collapse/DSCollapse.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useRef } from 'react';\nimport { useOnElementResize } from '@elliemae/ds-legacy-utilities';\nimport { describe } from '@elliemae/ds-legacy-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

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

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

@@ -0,0 +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;",
+  "names": []
+}

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

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from "@elliemae/ds-legacy-props-helpers";
+const defaultProps = {
+  orientation: "horizontal",
+  collapsedSize: "0px"
+};
+const DSCollapsePropTypes = {
+  ...globalAttributesPropTypes,
+  ...xstyledPropTypes,
+  show: PropTypes.bool.description("Whether to show the inner element or not").isRequired,
+  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)
+};
+export {
+  DSCollapsePropTypes,
+  defaultProps
+};
+//# sourceMappingURL=react-desc-prop-types.js.map

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

@@ -0,0 +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 {} from '@elliemae/ds-legacy-utilities';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-legacy-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-legacy-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

@@ -0,0 +1,36 @@
+import * as React from "react";
+import { styled, xStyledCommonProps } from "@elliemae/ds-legacy-system";
+import { DSCollapseName, DSCollapseSlots } from "./theming.js";
+const getCorrectPropertyToAnimate = ({ orientation }) => orientation === "horizontal" ? "width" : "height";
+const getCorrectWidth = ({ show, collapsedSize, expandedWidth }) => {
+  if (!show)
+    return typeof collapsedSize === "number" ? `${collapsedSize}px` : collapsedSize;
+  return expandedWidth ? `${expandedWidth}px` : "fit-content";
+};
+const getCorrectHeight = ({ show, collapsedSize, expandedHeight }) => {
+  if (!show)
+    return typeof collapsedSize === "number" ? `${collapsedSize}px` : collapsedSize;
+  return expandedHeight ? `${expandedHeight}px` : "fit-content";
+};
+const StyledCollapse = styled("div", {
+  name: DSCollapseName,
+  slot: DSCollapseSlots.WRAPPER
+})`
+  transition: ${getCorrectPropertyToAnimate} 300ms cubic-bezier(0.4, 0, 0.2, 1);
+  ${(props) => {
+  if (props.orientation === "horizontal")
+    return `width: ${getCorrectWidth(props)};`;
+  return `height: ${getCorrectHeight(props)};`;
+}}
+  overflow: hidden;
+  ${xStyledCommonProps}
+`;
+const StyledChildrenWrapper = styled("div", { name: DSCollapseName, slot: DSCollapseSlots.CHILDREN_WRAPPER })`
+  width: fit-content;
+  height: fit-content;
+`;
+export {
+  StyledChildrenWrapper,
+  StyledCollapse
+};
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +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-legacy-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

@@ -0,0 +1,11 @@
+import * as React from "react";
+const DSCollapseName = "DSCollapse";
+const DSCollapseSlots = {
+  WRAPPER: "root",
+  CHILDREN_WRAPPER: "children-wrapper"
+};
+export {
+  DSCollapseName,
+  DSCollapseSlots
+};
+//# sourceMappingURL=theming.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "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

@@ -0,0 +1,20 @@
+import * as React from "react";
+import {
+  useGetGlobalAttributes,
+  useGetXstyledProps,
+  useValidateTypescriptPropTypes,
+  useMemoMergePropsWithDefault
+} from "@elliemae/ds-legacy-props-helpers";
+import { DSCollapsePropTypes, defaultProps } from "./react-desc-prop-types.js";
+import { DSCollapseName } from "./theming.js";
+const useCollapse = (props) => {
+  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
+  useValidateTypescriptPropTypes(propsWithDefault, DSCollapsePropTypes, DSCollapseName);
+  const globalAttributes = useGetGlobalAttributes(propsWithDefault);
+  const xstyledProps = useGetXstyledProps(propsWithDefault);
+  return { propsWithDefault, globalAttributes, xstyledProps };
+};
+export {
+  useCollapse
+};
+//# sourceMappingURL=useCollapse.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/collapse/useCollapse.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import {\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n  useValidateTypescriptPropTypes,\n  useMemoMergePropsWithDefault,\n} from '@elliemae/ds-legacy-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

@@ -0,0 +1,23 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { describe } from "@elliemae/ds-legacy-props-helpers";
+import { useFade } from "./useFade.js";
+import { DSFadePropTypes } from "./react-desc-prop-types.js";
+import { StyledFade } from "./styled.js";
+const DSFade = (props) => {
+  const {
+    propsWithDefault: { show, children },
+    globalAttributes,
+    xstyledProps
+  } = useFade(props);
+  return /* @__PURE__ */ jsx(StyledFade, { "data-test-id": "ds-transition-fade", show, ...globalAttributes, ...xstyledProps, children });
+};
+DSFade.propTypes = DSFadePropTypes;
+DSFade.displayName = "DSFade";
+const DSFadeWithSchema = describe(DSFade);
+DSFadeWithSchema.propTypes = DSFadePropTypes;
+export {
+  DSFade,
+  DSFadeWithSchema
+};
+//# sourceMappingURL=DSFade.js.map

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

@@ -0,0 +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-legacy-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

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

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

@@ -0,0 +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;",
+  "names": []
+}

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

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

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

@@ -0,0 +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 {} from '@elliemae/ds-legacy-utilities';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-legacy-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-legacy-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

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/fade/styled.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled, xStyledCommonProps } from '@elliemae/ds-legacy-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

@@ -0,0 +1,10 @@
+import * as React from "react";
+const DSFadeName = "DSFade";
+const DSFadeSlots = {
+  WRAPPER: "root"
+};
+export {
+  DSFadeName,
+  DSFadeSlots
+};
+//# sourceMappingURL=theming.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "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

@@ -0,0 +1,14 @@
+import * as React from "react";
+import { useGetGlobalAttributes, useGetXstyledProps, useValidateTypescriptPropTypes } from "@elliemae/ds-legacy-props-helpers";
+import { DSFadePropTypes } from "./react-desc-prop-types.js";
+import { DSFadeName } from "./theming.js";
+const useFade = (props) => {
+  useValidateTypescriptPropTypes(props, DSFadePropTypes, DSFadeName);
+  const globalAttributes = useGetGlobalAttributes(props);
+  const xstyledProps = useGetXstyledProps(props);
+  return { propsWithDefault: props, globalAttributes, xstyledProps };
+};
+export {
+  useFade
+};
+//# sourceMappingURL=useFade.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/fade/useFade.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useGetGlobalAttributes, useGetXstyledProps, useValidateTypescriptPropTypes } from '@elliemae/ds-legacy-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

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

package/dist/esm/index.js.map

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

package/dist/esm/package.json

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

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

@@ -0,0 +1,4 @@
+/// <reference types="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-legacy-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSCollapseT.Props>;

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

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

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

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

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

@@ -0,0 +1,8 @@
+import type { DSCollapseT } from './react-desc-prop-types.js';
+interface StyledCollapseProps extends DSCollapseT.Props {
+    expandedWidth: number;
+    expandedHeight: number;
+}
+export declare const StyledCollapse: import("styled-components").StyledComponent<"div", import("@elliemae/ds-legacy-system").Theme, StyledCollapseProps & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
+export declare const StyledChildrenWrapper: import("styled-components").StyledComponent<"div", import("@elliemae/ds-legacy-system").Theme, object & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
+export {};

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

@@ -0,0 +1,5 @@
+export declare const DSCollapseName = "DSCollapse";
+export declare const DSCollapseSlots: {
+    WRAPPER: string;
+    CHILDREN_WRAPPER: string;
+};

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

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

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

@@ -0,0 +1,4 @@
+/// <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-legacy-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSFadeT.Props>;

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

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

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

@@ -0,0 +1,10 @@
+import type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-legacy-props-helpers';
+import type { WeakValidationMap } from 'react';
+export declare namespace DSFadeT {
+    interface IProps {
+        show: boolean;
+    }
+    interface Props extends IProps, Omit<GlobalAttributesT<HTMLInputElement>, keyof IProps>, XstyledProps {
+    }
+}
+export declare const DSFadePropTypes: WeakValidationMap<unknown>;

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

@@ -0,0 +1,3 @@
+export declare const StyledFade: import("styled-components").StyledComponent<"div", import("@elliemae/ds-legacy-system").Theme, {
+    show: boolean;
+} & import("@elliemae/ds-legacy-system").OwnerInterface, never>;

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

@@ -0,0 +1,4 @@
+export declare const DSFadeName = "DSFade";
+export declare const DSFadeSlots: {
+    WRAPPER: string;
+};

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

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

package/dist/types/index.d.ts

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