@elliemae/ds-mobile 3.0.0-next.1 → 3.0.0-next.5

package/dist/cjs/LoadingPage/Page.js

@@ -0,0 +1,108 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var Page_exports = {};
+__export(Page_exports, {
+  DSMobileLoadingPage: () => DSMobileLoadingPage
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_prop_types = __toESM(require("prop-types"));
+var import_ds_system = require("@elliemae/ds-system");
+var import_lodash = require("lodash");
+var import_styled_components = __toESM(require("styled-components"));
+var import_ds_backdrop = __toESM(require("@elliemae/ds-backdrop"));
+const LoadingPageLoader = import_styled_components.default.div`
+  ${({ type }) => type === "cover" ? "position: fixed" : "position: absolute"};
+
+  z-index: ${(props) => props.zIndex};
+  top: 25%;
+  left: 15%;
+  width: 70%;
+  height: 75%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+`;
+const LoadingPage = ({ backdropZIndex, children, loader, loading, type = "fill", zIndex = 1 }) => {
+  const [position, setPosition] = (0, import_react.useState)(null);
+  const childRef = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    if (childRef && childRef.current) {
+      const style = childRef && window.getComputedStyle(childRef.current);
+      setPosition(style.getPropertyValue("position"));
+    }
+  }, [childRef]);
+  const Back = loading && /* @__PURE__ */ import_react.default.createElement(import_ds_backdrop.default, {
+    type,
+    zIndex: backdropZIndex
+  });
+  const Loader = loader && loading && /* @__PURE__ */ import_react.default.createElement(LoadingPageLoader, {
+    zIndex,
+    type,
+    hide: !loading
+  }, loader);
+  const injectRefPosition = (child) => import_react.default.cloneElement(import_react.default.Children.only(child), {
+    ref: childRef,
+    children: import_react.default.Children.toArray(child.props.children).concat([Loader, Back]),
+    style: __spreadProps(__spreadValues({}, (0, import_lodash.get)(child, "props.style", {})), {
+      position: position === "static" ? "relative" : position
+    })
+  });
+  if (import_react.default.Children.count(children) === 0) {
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, Loader, Back);
+  }
+  return injectRefPosition(children);
+};
+LoadingPage.propTypes = {
+  backdropZIndex: import_prop_types.default.number,
+  children: import_prop_types.default.element,
+  loader: import_prop_types.default.arrayOf(import_prop_types.default.element),
+  loading: import_prop_types.default.bool,
+  type: import_prop_types.default.oneOf(["fill", "cover"]),
+  zIndex: import_prop_types.default.number
+};
+const DSMobileLoadingPage = (0, import_ds_system.withTheme)(LoadingPage);
+module.exports = __toCommonJS(Page_exports);
+//# sourceMappingURL=Page.js.map

package/dist/cjs/LoadingPage/Page.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/LoadingPage/Page.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useRef, useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { withTheme } from '@elliemae/ds-system';\nimport { get } from 'lodash';\nimport styled from 'styled-components';\nimport Backdrop from '@elliemae/ds-backdrop';\n\nconst LoadingPageLoader = styled.div`\n  ${({ type }) => (type === 'cover' ? 'position: fixed' : 'position: absolute')};\n\n  z-index: ${(props) => props.zIndex};\n  top: 25%;\n  left: 15%;\n  width: 70%;\n  height: 75%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n`;\n\nconst LoadingPage = ({ backdropZIndex, children, loader, loading, type = 'fill', zIndex = 1 }) => {\n  const [position, setPosition] = useState(null);\n  const childRef = useRef(null);\n  useEffect(() => {\n    if (childRef && childRef.current) {\n      const style = childRef && window.getComputedStyle(childRef.current);\n      setPosition(style.getPropertyValue('position'));\n    }\n  }, [childRef]);\n\n  const Back = loading && <Backdrop type={type} zIndex={backdropZIndex} />;\n  const Loader = loader && loading && (\n    <LoadingPageLoader zIndex={zIndex} type={type} hide={!loading}>\n      {loader}\n    </LoadingPageLoader>\n  );\n\n  const injectRefPosition = (child) =>\n    React.cloneElement(React.Children.only(child), {\n      ref: childRef,\n      children: React.Children.toArray(child.props.children).concat([Loader, Back]),\n      style: {\n        ...get(child, 'props.style', {}),\n        position: position === 'static' ? 'relative' : position,\n      },\n    });\n\n  if (React.Children.count(children) === 0) {\n    return (\n      <>\n        {Loader}\n        {Back}\n      </>\n    );\n  }\n  return injectRefPosition(children);\n};\n\nLoadingPage.propTypes = {\n  /**\n   * z-index of dimmer background\n   */\n  backdropZIndex: PropTypes.number,\n  /**\n   * Children page to show behind the loader\n   */\n  children: PropTypes.element,\n  /**\n   * Array of elements centrally aligned\n   */\n  loader: PropTypes.arrayOf(PropTypes.element),\n  /**\n   * Show / hide loader\n   */\n  loading: PropTypes.bool,\n  /**\n   * ['cover', 'fill']\n   */\n  type: PropTypes.oneOf(['fill', 'cover']),\n  /**\n   * z-index of loader, should be higher than the backdropZIndex\n   */\n  zIndex: PropTypes.number,\n};\n\nconst DSMobileLoadingPage = withTheme(LoadingPage);\n\nexport { DSMobileLoadingPage };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAmD;AACnD,wBAAsB;AACtB,uBAA0B;AAC1B,oBAAoB;AACpB,+BAAmB;AACnB,yBAAqB;AAErB,MAAM,oBAAoB,iCAAO;AAAA,IAC7B,CAAC,EAAE,WAAY,SAAS,UAAU,oBAAoB;AAAA;AAAA,aAE7C,CAAC,UAAU,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAU9B,MAAM,cAAc,CAAC,EAAE,gBAAgB,UAAU,QAAQ,SAAS,OAAO,QAAQ,SAAS,QAAQ;AAChG,QAAM,CAAC,UAAU,eAAe,2BAAS;AACzC,QAAM,WAAW,yBAAO;AACxB,8BAAU,MAAM;AACd,QAAI,YAAY,SAAS,SAAS;AAChC,YAAM,QAAQ,YAAY,OAAO,iBAAiB,SAAS;AAC3D,kBAAY,MAAM,iBAAiB;AAAA;AAAA,KAEpC,CAAC;AAEJ,QAAM,OAAO,WAAW,mDAAC,4BAAD;AAAA,IAAU;AAAA,IAAY,QAAQ;AAAA;AACtD,QAAM,SAAS,UAAU,WACvB,mDAAC,mBAAD;AAAA,IAAmB;AAAA,IAAgB;AAAA,IAAY,MAAM,CAAC;AAAA,KACnD;AAIL,QAAM,oBAAoB,CAAC,UACzB,qBAAM,aAAa,qBAAM,SAAS,KAAK,QAAQ;AAAA,IAC7C,KAAK;AAAA,IACL,UAAU,qBAAM,SAAS,QAAQ,MAAM,MAAM,UAAU,OAAO,CAAC,QAAQ;AAAA,IACvE,OAAO,iCACF,uBAAI,OAAO,eAAe,MADxB;AAAA,MAEL,UAAU,aAAa,WAAW,aAAa;AAAA;AAAA;AAIrD,MAAI,qBAAM,SAAS,MAAM,cAAc,GAAG;AACxC,WACE,wFACG,QACA;AAAA;AAIP,SAAO,kBAAkB;AAAA;AAG3B,YAAY,YAAY;AAAA,EAItB,gBAAgB,0BAAU;AAAA,EAI1B,UAAU,0BAAU;AAAA,EAIpB,QAAQ,0BAAU,QAAQ,0BAAU;AAAA,EAIpC,SAAS,0BAAU;AAAA,EAInB,MAAM,0BAAU,MAAM,CAAC,QAAQ;AAAA,EAI/B,QAAQ,0BAAU;AAAA;AAGpB,MAAM,sBAAsB,gCAAU;",
+  "names": []
+}

package/dist/cjs/LoadingPage/index.js

@@ -0,0 +1,37 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var LoadingPage_exports = {};
+__export(LoadingPage_exports, {
+  default: () => LoadingPage_default
+});
+var React = __toESM(require("react"));
+var import_Page = require("./Page");
+__reExport(LoadingPage_exports, require("./Page"));
+var LoadingPage_default = import_Page.DSMobileLoadingPage;
+module.exports = __toCommonJS(LoadingPage_exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/LoadingPage/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { DSMobileLoadingPage } from './Page';\n\nexport * from './Page';\nexport default DSMobileLoadingPage;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,kBAAoC;AAEpC,gCAAc;AACd,IAAO,sBAAQ;",
+  "names": []
+}

package/dist/cjs/MobileActionToolbar/MobileActionToolbar.js

@@ -0,0 +1,67 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var MobileActionToolbar_exports = {};
+__export(MobileActionToolbar_exports, {
+  DSMobileActionToolbarWithSchema: () => DSMobileActionToolbarWithSchema,
+  ToolbarItem: () => import_MobileActionToolbarItem.default,
+  default: () => MobileActionToolbar_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_styled_components = __toESM(require("styled-components"));
+var import_ds_system = require("@elliemae/ds-system");
+var import_MobileActionToolbarItem = __toESM(require("./MobileActionToolbarItem"));
+const ToolStrip = (0, import_styled_components.default)(import_ds_grid.Grid)`
+  display: flex;
+  justify-content: space-around;
+  align-items: center;
+  background-color: ${(props2) => props2.theme.colors.neutral["000"]};
+`;
+const Toolbar = ({ withDepth = true, buttons = [], theme }) => {
+  const rows = [1];
+  const toolbarHeight = theme.space.m;
+  const borderStyle = withDepth ? { boxShadow: "0 1px 5px 0 rgba(0,0,0,0.5)" } : { boxShadow: "none" };
+  return /* @__PURE__ */ import_react.default.createElement(ToolStrip, {
+    rows,
+    height: toolbarHeight,
+    style: borderStyle
+  }, buttons);
+};
+const props = {
+  withDepth: import_react_desc.PropTypes.bool.description("toggle box shadow for buttons border"),
+  buttons: import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.element).description("button array for the mobile action toolbar")
+};
+Toolbar.propTypes = props;
+const DSMobileActionToolbar = (0, import_ds_system.withTheme)(Toolbar);
+const DSMobileActionToolbarWithSchema = (0, import_react_desc.describe)(DSMobileActionToolbar);
+DSMobileActionToolbarWithSchema.propTypes = props;
+var MobileActionToolbar_default = DSMobileActionToolbar;
+module.exports = __toCommonJS(MobileActionToolbar_exports);
+//# sourceMappingURL=MobileActionToolbar.js.map

package/dist/cjs/MobileActionToolbar/MobileActionToolbar.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/MobileActionToolbar/MobileActionToolbar.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { Grid } from '@elliemae/ds-grid';\nimport styled from 'styled-components';\nimport { withTheme } from '@elliemae/ds-system';\nimport ToolbarItem from './MobileActionToolbarItem';\n\nconst ToolStrip = styled(Grid)`\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n  background-color: ${(props) => props.theme.colors.neutral['000']};\n`;\nconst Toolbar = ({ withDepth = true, buttons = [], theme }) => {\n  const rows = [1];\n  const toolbarHeight = theme.space.m;\n  const borderStyle = withDepth ? { boxShadow: '0 1px 5px 0 rgba(0,0,0,0.5)' } : { boxShadow: 'none' };\n  return (\n    <ToolStrip rows={rows} height={toolbarHeight} style={borderStyle}>\n      {buttons}\n    </ToolStrip>\n  );\n};\n\nconst props = {\n  /** toggle box shadow for buttons border */\n  withDepth: PropTypes.bool.description('toggle box shadow for buttons border'),\n  /** button array for the mobile action toolbar */\n  buttons: PropTypes.arrayOf(PropTypes.element).description('button array for the mobile action toolbar'),\n};\n\nToolbar.propTypes = props;\n\nconst DSMobileActionToolbar = withTheme(Toolbar);\n\nconst DSMobileActionToolbarWithSchema = describe(DSMobileActionToolbar);\nDSMobileActionToolbarWithSchema.propTypes = props;\n\nexport { ToolbarItem, DSMobileActionToolbarWithSchema };\nexport default DSMobileActionToolbar;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,qBAAqB;AACrB,+BAAmB;AACnB,uBAA0B;AAC1B,qCAAwB;AAExB,MAAM,YAAY,sCAAO;AAAA;AAAA;AAAA;AAAA,sBAIH,CAAC,WAAU,OAAM,MAAM,OAAO,QAAQ;AAAA;AAE5D,MAAM,UAAU,CAAC,EAAE,YAAY,MAAM,UAAU,IAAI,YAAY;AAC7D,QAAM,OAAO,CAAC;AACd,QAAM,gBAAgB,MAAM,MAAM;AAClC,QAAM,cAAc,YAAY,EAAE,WAAW,kCAAkC,EAAE,WAAW;AAC5F,SACE,mDAAC,WAAD;AAAA,IAAW;AAAA,IAAY,QAAQ;AAAA,IAAe,OAAO;AAAA,KAClD;AAAA;AAKP,MAAM,QAAQ;AAAA,EAEZ,WAAW,4BAAU,KAAK,YAAY;AAAA,EAEtC,SAAS,4BAAU,QAAQ,4BAAU,SAAS,YAAY;AAAA;AAG5D,QAAQ,YAAY;AAEpB,MAAM,wBAAwB,gCAAU;AAExC,MAAM,kCAAkC,gCAAS;AACjD,gCAAgC,YAAY;AAG5C,IAAO,8BAAQ;",
+  "names": []
+}

package/dist/cjs/MobileActionToolbar/MobileActionToolbarItem.js

@@ -0,0 +1,84 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var MobileActionToolbarItem_exports = {};
+__export(MobileActionToolbarItem_exports, {
+  DSToolbarItemWithSchema: () => DSToolbarItemWithSchema,
+  default: () => MobileActionToolbarItem_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_ds_button = __toESM(require("@elliemae/ds-button"));
+const ToolbarItem = (_a) => {
+  var _b = _a, { icon } = _b, otherProps = __objRest(_b, ["icon"]);
+  const displayIcon = import_react.default.cloneElement(icon, { size: "m" });
+  return /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, __spreadProps(__spreadValues({}, otherProps), {
+    buttonType: "text",
+    icon: displayIcon,
+    size: "m"
+  }));
+};
+ToolbarItem.displayName = "ToolbarItem";
+const props = {
+  icon: import_react_desc.PropTypes.element.description("Toolbar item icon")
+};
+ToolbarItem.propTypes = props;
+const DSToolbarItemWithSchema = (0, import_react_desc.describe)(ToolbarItem);
+DSToolbarItemWithSchema.propTypes = props;
+var MobileActionToolbarItem_default = ToolbarItem;
+module.exports = __toCommonJS(MobileActionToolbarItem_exports);
+//# sourceMappingURL=MobileActionToolbarItem.js.map

package/dist/cjs/MobileActionToolbar/MobileActionToolbarItem.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/MobileActionToolbar/MobileActionToolbarItem.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport DSButton from '@elliemae/ds-button';\n\nconst ToolbarItem = ({ icon, ...otherProps }) => {\n  const displayIcon = React.cloneElement(icon, { size: 'm' });\n  return <DSButton {...otherProps} buttonType=\"text\" icon={displayIcon} size=\"m\" />;\n};\n\nToolbarItem.displayName = 'ToolbarItem';\n\nconst props = {\n  /** toolbar item icon */\n  icon: PropTypes.element.description('Toolbar item icon'),\n};\n\nToolbarItem.propTypes = props;\n\nconst DSToolbarItemWithSchema = describe(ToolbarItem);\n\nDSToolbarItemWithSchema.propTypes = props;\n\nexport default ToolbarItem;\n\nexport { DSToolbarItemWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,uBAAqB;AAErB,MAAM,cAAc,CAAC,OAA4B;AAA5B,eAAE,WAAF,IAAW,uBAAX,IAAW,CAAT;AACrB,QAAM,cAAc,qBAAM,aAAa,MAAM,EAAE,MAAM;AACrD,SAAO,mDAAC,0BAAD,iCAAc,aAAd;AAAA,IAA0B,YAAW;AAAA,IAAO,MAAM;AAAA,IAAa,MAAK;AAAA;AAAA;AAG7E,YAAY,cAAc;AAE1B,MAAM,QAAQ;AAAA,EAEZ,MAAM,4BAAU,QAAQ,YAAY;AAAA;AAGtC,YAAY,YAAY;AAExB,MAAM,0BAA0B,gCAAS;AAEzC,wBAAwB,YAAY;AAEpC,IAAO,kCAAQ;",
+  "names": []
+}

package/dist/cjs/MobileActionToolbar/index.js

@@ -0,0 +1,38 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var MobileActionToolbar_exports = {};
+__export(MobileActionToolbar_exports, {
+  DSToolbarItemWithSchema: () => import_MobileActionToolbarItem.DSToolbarItemWithSchema,
+  default: () => import_MobileActionToolbar.default
+});
+var React = __toESM(require("react"));
+__reExport(MobileActionToolbar_exports, require("./MobileActionToolbar"));
+var import_MobileActionToolbar = __toESM(require("./MobileActionToolbar"));
+var import_MobileActionToolbarItem = require("./MobileActionToolbarItem");
+module.exports = __toCommonJS(MobileActionToolbar_exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/MobileActionToolbar/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export * from './MobileActionToolbar';\nexport { default } from './MobileActionToolbar';\nexport { DSToolbarItemWithSchema } from './MobileActionToolbarItem';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wCAAc;AACd,iCAAwB;AACxB,qCAAwC;",
+  "names": []
+}

package/dist/cjs/MobileBanner/MobileBanner.js

@@ -0,0 +1,133 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var MobileBanner_exports = {};
+__export(MobileBanner_exports, {
+  DSMobileBanner: () => DSMobileBanner,
+  DSMobileBannerWithSchema: () => DSMobileBannerWithSchema
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_react_desc = require("react-desc");
+var import_icons = require("./utils/icons");
+var import_propTypes = require("./propTypes");
+var import_defaultProps = require("./defaultProps");
+var import_styles = require("./styles");
+const DSMobileBanner = ({
+  type,
+  isOpen,
+  closeButtonOnClick,
+  label,
+  body,
+  actionLinkLabel,
+  actionLinkHref,
+  actionLinkOnClick,
+  showCloseButton,
+  containerProps,
+  focusOnOpen
+}) => {
+  const innerContainerRef = (0, import_react.useRef)(null);
+  const closeRef = (0, import_react.useRef)(null);
+  const [current, setCurrent] = (0, import_react.useState)(isOpen);
+  const [isAnimating, setIsAnimating] = (0, import_react.useState)(false);
+  const [height, setHeight] = (0, import_react.useState)(0);
+  (0, import_react.useEffect)(() => {
+    if (innerContainerRef.current) {
+      setHeight(innerContainerRef.current.offsetHeight);
+    }
+  }, [isAnimating, isOpen]);
+  (0, import_react.useEffect)(() => {
+    if (focusOnOpen && closeRef.current && isOpen) {
+      closeRef.current?.focus?.();
+    }
+  }, [focusOnOpen, isOpen]);
+  (0, import_react.useLayoutEffect)(() => {
+    if (isOpen !== current || isOpen)
+      setIsAnimating(true);
+    else
+      setIsAnimating(false);
+  }, [isOpen, current]);
+  if (!isAnimating && !isOpen)
+    return null;
+  return /* @__PURE__ */ import_react.default.createElement(import_styles.StyledBannerContainer, __spreadProps(__spreadValues({
+    type,
+    isOpen,
+    isAnimating,
+    onAnimationEnd: () => setCurrent(isOpen),
+    height
+  }, containerProps), {
+    "data-testid": "ds-mobile-banner-container",
+    role: "alert"
+  }), /* @__PURE__ */ import_react.default.createElement(import_styles.StyledInnerContainer, {
+    type,
+    isOpen,
+    ref: innerContainerRef,
+    isAnimating
+  }, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledIconContainer, {
+    "data-testid": "ds-mobile-banner-icon"
+  }, import_icons.icons[type]), /* @__PURE__ */ import_react.default.createElement(import_styles.StyledContent, {
+    showCloseButton
+  }, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledTitle, null, label), /* @__PURE__ */ import_react.default.createElement(import_styles.StyledSubTitle, null, body, actionLinkLabel && /* @__PURE__ */ import_react.default.createElement(import_styles.StyledActionLink, {
+    href: actionLinkHref,
+    "data-testid": "ds-mobile-banner-link",
+    onClick: actionLinkOnClick
+  }, actionLinkLabel))), showCloseButton && /* @__PURE__ */ import_react.default.createElement(import_styles.StyledCloseButtonContainer, null, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledCloseButton, {
+    "data-testid": "ds-mobile-banner-close-button",
+    buttonType: "link",
+    onClick: closeButtonOnClick,
+    "aria-label": "Close Banner",
+    icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.CloseX, {
+      width: "12px",
+      height: "12px"
+    }),
+    innerRef: closeRef
+  }))));
+};
+DSMobileBanner.defaultProps = import_defaultProps.defaultProps;
+DSMobileBanner.propTypes = import_propTypes.propTypes;
+const DSMobileBannerWithSchema = (0, import_react_desc.describe)(DSMobileBanner);
+DSMobileBannerWithSchema.propTypes = import_propTypes.propTypes;
+module.exports = __toCommonJS(MobileBanner_exports);
+//# sourceMappingURL=MobileBanner.js.map

package/dist/cjs/MobileBanner/MobileBanner.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/MobileBanner/MobileBanner.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useLayoutEffect, useEffect, useRef, useState } from 'react';\nimport { CloseX } from '@elliemae/ds-icons';\nimport { describe } from 'react-desc';\nimport type { MobileBannerPropsT } from './index.d';\nimport { icons } from './utils/icons';\nimport { propTypes } from './propTypes';\nimport { defaultProps } from './defaultProps';\nimport {\n  StyledActionLink,\n  StyledCloseButton,\n  StyledInnerContainer,\n  StyledBannerContainer,\n  StyledContent,\n  StyledIconContainer,\n  StyledSubTitle,\n  StyledTitle,\n  StyledCloseButtonContainer,\n} from './styles';\n\nconst DSMobileBanner = ({\n  type,\n  isOpen,\n  closeButtonOnClick,\n  label,\n  body,\n  actionLinkLabel,\n  actionLinkHref,\n  actionLinkOnClick,\n  showCloseButton,\n  containerProps,\n  focusOnOpen,\n}: MobileBannerPropsT): JSX.Element => {\n  const innerContainerRef = useRef<HTMLDivElement | null>(null);\n  const closeRef = useRef<HTMLDivElement | null>(null);\n  const [current, setCurrent] = useState<boolean>(isOpen);\n  const [isAnimating, setIsAnimating] = useState<boolean>(false);\n  const [height, setHeight] = useState<number>(0);\n\n  useEffect(() => {\n    if (innerContainerRef.current) {\n      setHeight(innerContainerRef.current.offsetHeight);\n    }\n  }, [isAnimating, isOpen]);\n\n  useEffect(() => {\n    if (focusOnOpen && closeRef.current && isOpen) {\n      closeRef.current?.focus?.();\n    }\n  }, [focusOnOpen, isOpen]);\n\n  useLayoutEffect(() => {\n    if (isOpen !== current || isOpen) setIsAnimating(true);\n    else setIsAnimating(false);\n  }, [isOpen, current]);\n\n  if (!isAnimating && !isOpen) return null;\n\n  return (\n    <StyledBannerContainer\n      type={type}\n      isOpen={isOpen}\n      isAnimating={isAnimating}\n      onAnimationEnd={() => setCurrent(isOpen)}\n      height={height}\n      {...containerProps}\n      data-testid=\"ds-mobile-banner-container\"\n      role=\"alert\"\n    >\n      <StyledInnerContainer type={type} isOpen={isOpen} ref={innerContainerRef} isAnimating={isAnimating}>\n        <StyledIconContainer data-testid=\"ds-mobile-banner-icon\">{icons[type]}</StyledIconContainer>\n        <StyledContent showCloseButton={showCloseButton}>\n          <StyledTitle>{label}</StyledTitle>\n          <StyledSubTitle>\n            {body}\n            {actionLinkLabel && (\n              <StyledActionLink href={actionLinkHref} data-testid=\"ds-mobile-banner-link\" onClick={actionLinkOnClick}>\n                {actionLinkLabel}\n              </StyledActionLink>\n            )}\n          </StyledSubTitle>\n        </StyledContent>\n        {showCloseButton && (\n          <StyledCloseButtonContainer>\n            <StyledCloseButton\n              data-testid=\"ds-mobile-banner-close-button\"\n              buttonType=\"link\"\n              onClick={closeButtonOnClick}\n              aria-label=\"Close Banner\"\n              icon={<CloseX width=\"12px\" height=\"12px\" />}\n              innerRef={closeRef}\n            />\n          </StyledCloseButtonContainer>\n        )}\n      </StyledInnerContainer>\n    </StyledBannerContainer>\n  );\n};\n\nDSMobileBanner.defaultProps = defaultProps;\nDSMobileBanner.propTypes = propTypes;\nconst DSMobileBannerWithSchema = describe(DSMobileBanner);\nDSMobileBannerWithSchema.propTypes = propTypes;\n\nexport { DSMobileBanner, DSMobileBannerWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAoE;AACpE,sBAAuB;AACvB,wBAAyB;AAEzB,mBAAsB;AACtB,uBAA0B;AAC1B,0BAA6B;AAC7B,oBAUO;AAEP,MAAM,iBAAiB,CAAC;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACqC;AACrC,QAAM,oBAAoB,yBAA8B;AACxD,QAAM,WAAW,yBAA8B;AAC/C,QAAM,CAAC,SAAS,cAAc,2BAAkB;AAChD,QAAM,CAAC,aAAa,kBAAkB,2BAAkB;AACxD,QAAM,CAAC,QAAQ,aAAa,2BAAiB;AAE7C,8BAAU,MAAM;AACd,QAAI,kBAAkB,SAAS;AAC7B,gBAAU,kBAAkB,QAAQ;AAAA;AAAA,KAErC,CAAC,aAAa;AAEjB,8BAAU,MAAM;AACd,QAAI,eAAe,SAAS,WAAW,QAAQ;AAC7C,eAAS,SAAS;AAAA;AAAA,KAEnB,CAAC,aAAa;AAEjB,oCAAgB,MAAM;AACpB,QAAI,WAAW,WAAW;AAAQ,qBAAe;AAAA;AAC5C,qBAAe;AAAA,KACnB,CAAC,QAAQ;AAEZ,MAAI,CAAC,eAAe,CAAC;AAAQ,WAAO;AAEpC,SACE,mDAAC,qCAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB,MAAM,WAAW;AAAA,IACjC;AAAA,KACI,iBANN;AAAA,IAOE,eAAY;AAAA,IACZ,MAAK;AAAA,MAEL,mDAAC,oCAAD;AAAA,IAAsB;AAAA,IAAY;AAAA,IAAgB,KAAK;AAAA,IAAmB;AAAA,KACxE,mDAAC,mCAAD;AAAA,IAAqB,eAAY;AAAA,KAAyB,mBAAM,QAChE,mDAAC,6BAAD;AAAA,IAAe;AAAA,KACb,mDAAC,2BAAD,MAAc,QACd,mDAAC,8BAAD,MACG,MACA,mBACC,mDAAC,gCAAD;AAAA,IAAkB,MAAM;AAAA,IAAgB,eAAY;AAAA,IAAwB,SAAS;AAAA,KAClF,oBAKR,mBACC,mDAAC,0CAAD,MACE,mDAAC,iCAAD;AAAA,IACE,eAAY;AAAA,IACZ,YAAW;AAAA,IACX,SAAS;AAAA,IACT,cAAW;AAAA,IACX,MAAM,mDAAC,wBAAD;AAAA,MAAQ,OAAM;AAAA,MAAO,QAAO;AAAA;AAAA,IAClC,UAAU;AAAA;AAAA;AASxB,eAAe,eAAe;AAC9B,eAAe,YAAY;AAC3B,MAAM,2BAA2B,gCAAS;AAC1C,yBAAyB,YAAY;",
+  "names": []
+}

package/dist/cjs/MobileBanner/defaultProps.js

@@ -0,0 +1,48 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var defaultProps_exports = {};
+__export(defaultProps_exports, {
+  defaultProps: () => defaultProps
+});
+var React = __toESM(require("react"));
+var import_bannerTypes = require("./utils/bannerTypes");
+const defaultProps = {
+  type: import_bannerTypes.MOBILE_BANNER_TYPES.SUCCESS,
+  isOpen: false,
+  closeButtonOnClick: () => null,
+  actionLinkLabel: null,
+  actionLinkHref: null,
+  actionLinkOnClick: () => null,
+  label: "",
+  body: "",
+  showCloseButton: true,
+  containerProps: {},
+  focusOnOpen: false
+};
+module.exports = __toCommonJS(defaultProps_exports);
+//# sourceMappingURL=defaultProps.js.map

package/dist/cjs/MobileBanner/defaultProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/MobileBanner/defaultProps.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { MOBILE_BANNER_TYPES } from './utils/bannerTypes';\n\nexport const defaultProps = {\n  type: MOBILE_BANNER_TYPES.SUCCESS,\n  isOpen: false,\n  closeButtonOnClick: () => null,\n  actionLinkLabel: null,\n  actionLinkHref: null,\n  actionLinkOnClick: () => null,\n  label: '',\n  body: '',\n  showCloseButton: true,\n  containerProps: {},\n  focusOnOpen: false,\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,yBAAoC;AAE7B,MAAM,eAAe;AAAA,EAC1B,MAAM,uCAAoB;AAAA,EAC1B,QAAQ;AAAA,EACR,oBAAoB,MAAM;AAAA,EAC1B,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,mBAAmB,MAAM;AAAA,EACzB,OAAO;AAAA,EACP,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,aAAa;AAAA;",
+  "names": []
+}

package/dist/cjs/MobileBanner/index.d.js

@@ -0,0 +1,27 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var index_d_exports = {};
+var React = __toESM(require("react"));
+module.exports = __toCommonJS(index_d_exports);
+//# sourceMappingURL=index.d.js.map

package/dist/cjs/MobileBanner/index.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/MobileBanner/index.d.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { MOBILE_BANNER_TYPES } from './utils/bannerTypes';\n\ntype MobileBannerTypesT = typeof MOBILE_BANNER_TYPES[keyof typeof MOBILE_BANNER_TYPES];\n\nexport interface MobileBannerPropsT {\n  type: MobileBannerTypesT;\n  isOpen: boolean;\n  closeButtonOnClick: () => void | null;\n  actionLinkLabel: string;\n  actionLinkHref: string;\n  actionLinkOnClick: () => void | null;\n  label: string;\n  body: string;\n  showCloseButton?: boolean;\n  containerProps: Record<string, unknown>;\n  focusOnOpen?: boolean;\n}\n\nexport interface StyledBannerContainerT {\n  type: MobileBannerTypesT;\n  isOpen: boolean;\n  isAnimating: boolean;\n  height: number;\n}\n\nexport interface StyledInnerContainerT {\n  type: MobileBannerTypesT;\n  isOpen: boolean;\n  isAnimating: boolean;\n  ref: React.MutableRefObject<HTMLDivElement>;\n}\n\nexport interface StyledContentT {\n  showCloseButton: boolean;\n}\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;",
+  "names": []
+}