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

package/dist/cjs/PageFilter/PageFilter.js

@@ -0,0 +1,124 @@
+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 PageFilter_exports = {};
+__export(PageFilter_exports, {
+  DSPageFilter: () => DSPageFilter
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_prop_types = __toESM(require("prop-types"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_ds_system = require("@elliemae/ds-system");
+var import_FullPageContainer = require("../FullPageContainer");
+const Header = (0, import_styled_components.default)(import_ds_grid.Grid)`
+  border-bottom: 1px solid ${(props) => props.theme.colors.neutral["300"]};
+`;
+const ButtonSlot = import_styled_components.default.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`;
+const Title = import_styled_components.default.div`
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  font-size: 22px;
+`;
+const BreadCrumb = (0, import_styled_components.default)(import_ds_grid.Grid)`
+  align-items: flex-end;
+  font-size: 16px;
+  color: ${(props) => props.theme.colors.neutral[500]};
+`;
+const Body = (0, import_styled_components.default)(import_ds_grid.Grid)`
+  margin: 0 auto;
+  width: 100%;
+  overflow: auto;
+`;
+const Footer = (0, import_styled_components.default)(import_ds_grid.Grid)`
+  display: flex;
+  justify-content: space-around;
+  align-items: center;
+  width: 100%;
+  padding: 0.67rem;
+  border-top: 1px solid ${(props) => props.theme.colors.neutral[300]};
+
+  & > button {
+    flex-grow: 1;
+    margin: 0 0.33rem;
+  }
+`;
+const PageFilter = ({
+  children = null,
+  breadCrumb = null,
+  pageTitle = null,
+  leftProp = null,
+  rightProp = null,
+  footerButton = null
+}) => {
+  const theme = (0, import_ds_system.useTheme)();
+  const headerDimension = theme.space.l;
+  const rows = [headerDimension, 1];
+  if (footerButton)
+    rows.push((0, import_ds_system.op)("*", (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.xl), 1.167));
+  const cols = ["auto"];
+  if (leftProp)
+    cols.unshift(headerDimension);
+  if (rightProp)
+    cols.push(headerDimension);
+  const bodyStyle = {
+    maxWidth: (0, import_ds_system.op)("*", (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.xxl), 6.25)
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_FullPageContainer.DSFullPageContainer, {
+    rows
+  }, /* @__PURE__ */ import_react.default.createElement(Header, {
+    cols,
+    height: headerDimension
+  }, leftProp && /* @__PURE__ */ import_react.default.createElement(ButtonSlot, {
+    ml: (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.s)
+  }, leftProp), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, null, breadCrumb && /* @__PURE__ */ import_react.default.createElement(BreadCrumb, {
+    pl: !leftProp && "1rem"
+  }, breadCrumb), /* @__PURE__ */ import_react.default.createElement(Title, {
+    style: leftProp ? {} : { paddingLeft: "1rem" }
+  }, pageTitle)), rightProp && /* @__PURE__ */ import_react.default.createElement(ButtonSlot, {
+    ml: (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.s)
+  }, rightProp)), /* @__PURE__ */ import_react.default.createElement(Body, {
+    style: bodyStyle
+  }, children), footerButton && /* @__PURE__ */ import_react.default.createElement(Footer, null, footerButton));
+};
+PageFilter.propTypes = {
+  pageTitle: import_prop_types.default.string,
+  leftProp: import_prop_types.default.element,
+  rightProp: import_prop_types.default.element,
+  children: import_prop_types.default.element,
+  footerButton: import_prop_types.default.element,
+  breadCrumb: import_prop_types.default.string
+};
+const DSPageFilter = PageFilter;
+module.exports = __toCommonJS(PageFilter_exports);
+//# sourceMappingURL=PageFilter.js.map

package/dist/cjs/PageFilter/PageFilter.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/PageFilter/PageFilter.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { op, useTheme, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { DSFullPageContainer } from '../FullPageContainer';\n\nconst Header = styled(Grid)`\n  border-bottom: 1px solid ${(props) => props.theme.colors.neutral['300']};\n`;\nconst ButtonSlot = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n`;\nconst Title = styled.div`\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  font-size: 22px;\n`;\nconst BreadCrumb = styled(Grid)`\n  align-items: flex-end;\n  font-size: 16px;\n  color: ${(props) => props.theme.colors.neutral[500]};\n`;\nconst Body = styled(Grid)`\n  margin: 0 auto;\n  width: 100%;\n  overflow: auto;\n`;\nconst Footer = styled(Grid)`\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n  width: 100%;\n  padding: 0.67rem;\n  border-top: 1px solid ${(props) => props.theme.colors.neutral[300]};\n\n  & > button {\n    flex-grow: 1;\n    margin: 0 0.33rem;\n  }\n`;\n\nconst PageFilter = ({\n  children = null,\n  breadCrumb = null,\n  pageTitle = null,\n  leftProp = null,\n  rightProp = null,\n  footerButton = null,\n}) => {\n  const theme = useTheme();\n  const headerDimension = theme.space.l;\n  const rows = [headerDimension, 1];\n  if (footerButton) rows.push(op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xl), 1.167));\n  const cols = ['auto'];\n  if (leftProp) cols.unshift(headerDimension);\n  if (rightProp) cols.push(headerDimension);\n  const bodyStyle = {\n    maxWidth: op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25),\n  };\n  return (\n    <DSFullPageContainer rows={rows}>\n      <Header cols={cols} height={headerDimension}>\n        {leftProp && <ButtonSlot ml={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}>{leftProp}</ButtonSlot>}\n        <Grid>\n          {breadCrumb && <BreadCrumb pl={!leftProp && '1rem'}>{breadCrumb}</BreadCrumb>}\n          <Title style={leftProp ? {} : { paddingLeft: '1rem' }}>{pageTitle}</Title>\n        </Grid>\n        {rightProp && <ButtonSlot ml={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}>{rightProp}</ButtonSlot>}\n      </Header>\n\n      <Body style={bodyStyle}>{children}</Body>\n      {footerButton && <Footer>{footerButton}</Footer>}\n    </DSFullPageContainer>\n  );\n};\n\nPageFilter.propTypes = {\n  /**\n   * Text to render in header title\n   */\n  pageTitle: PropTypes.string,\n  /**\n   * Pass an element to render left. For example a Button with an icon\n   */\n  leftProp: PropTypes.element,\n  /**\n   * Pass an element to render right. For example a Button with an icon\n   */\n  rightProp: PropTypes.element,\n  /**\n   * Pass an element to render in the body section\n   */\n  children: PropTypes.element,\n  /**\n   * Pass a button to render in the footer\n   */\n  footerButton: PropTypes.element,\n  /**\n   * BreadCrumb text\n   */\n  breadCrumb: PropTypes.string,\n};\n\nconst DSPageFilter = PageFilter;\n\nexport { DSPageFilter };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAsB;AACtB,+BAAmB;AACnB,qBAAqB;AACrB,uBAAuD;AACvD,+BAAoC;AAEpC,MAAM,SAAS,sCAAO;AAAA,6BACO,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAEnE,MAAM,aAAa,iCAAO;AAAA;AAAA;AAAA;AAAA;AAK1B,MAAM,QAAQ,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAMrB,MAAM,aAAa,sCAAO;AAAA;AAAA;AAAA,WAGf,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAEjD,MAAM,OAAO,sCAAO;AAAA;AAAA;AAAA;AAAA;AAKpB,MAAM,SAAS,sCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAMI,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQhE,MAAM,aAAa,CAAC;AAAA,EAClB,WAAW;AAAA,EACX,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,eAAe;AAAA,MACX;AACJ,QAAM,QAAQ;AACd,QAAM,kBAAkB,MAAM,MAAM;AACpC,QAAM,OAAO,CAAC,iBAAiB;AAC/B,MAAI;AAAc,SAAK,KAAK,yBAAG,KAAK,+CAAyB,MAAM,MAAM,KAAK;AAC9E,QAAM,OAAO,CAAC;AACd,MAAI;AAAU,SAAK,QAAQ;AAC3B,MAAI;AAAW,SAAK,KAAK;AACzB,QAAM,YAAY;AAAA,IAChB,UAAU,yBAAG,KAAK,+CAAyB,MAAM,MAAM,MAAM;AAAA;AAE/D,SACE,mDAAC,8CAAD;AAAA,IAAqB;AAAA,KACnB,mDAAC,QAAD;AAAA,IAAQ;AAAA,IAAY,QAAQ;AAAA,KACzB,YAAY,mDAAC,YAAD;AAAA,IAAY,IAAI,+CAAyB,MAAM,MAAM;AAAA,KAAK,WACvE,mDAAC,qBAAD,MACG,cAAc,mDAAC,YAAD;AAAA,IAAY,IAAI,CAAC,YAAY;AAAA,KAAS,aACrD,mDAAC,OAAD;AAAA,IAAO,OAAO,WAAW,KAAK,EAAE,aAAa;AAAA,KAAW,aAEzD,aAAa,mDAAC,YAAD;AAAA,IAAY,IAAI,+CAAyB,MAAM,MAAM;AAAA,KAAK,aAG1E,mDAAC,MAAD;AAAA,IAAM,OAAO;AAAA,KAAY,WACxB,gBAAgB,mDAAC,QAAD,MAAS;AAAA;AAKhC,WAAW,YAAY;AAAA,EAIrB,WAAW,0BAAU;AAAA,EAIrB,UAAU,0BAAU;AAAA,EAIpB,WAAW,0BAAU;AAAA,EAIrB,UAAU,0BAAU;AAAA,EAIpB,cAAc,0BAAU;AAAA,EAIxB,YAAY,0BAAU;AAAA;AAGxB,MAAM,eAAe;",
+  "names": []
+}

package/dist/cjs/PageForm/PageForm.js

@@ -0,0 +1,68 @@
+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 PageForm_exports = {};
+__export(PageForm_exports, {
+  DSMobilePageForm: () => DSMobilePageForm,
+  DSPageForm: () => DSPageForm
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_prop_types = __toESM(require("prop-types"));
+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_FullPageContainer = require("../FullPageContainer");
+const Body = (0, import_styled_components.default)(import_ds_grid.Grid)`
+  margin: 0 auto;
+  width: 100%;
+  @media (min-width: ${({ theme }) => theme.breakpoints.small}) {
+    ${({ theme }) => `width: ${(0, import_ds_system.op)("*", (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.xxl), 6.25)};`}
+  }
+`;
+const PageForm = ({ header = null, body = null, footer = null }) => {
+  const theme = (0, import_ds_system.useTheme)();
+  const rows = [1];
+  if (header)
+    rows.unshift((0, import_ds_system.op)("*", (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.xxl), 1.125));
+  if (footer)
+    rows.push(theme.space.l);
+  return /* @__PURE__ */ import_react.default.createElement(import_FullPageContainer.DSFullPageContainer, {
+    rows
+  }, header && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, null, header), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+    style: { overflow: "hidden" }
+  }, /* @__PURE__ */ import_react.default.createElement(import_FullPageContainer.DSFullPageContainerScroll, null, /* @__PURE__ */ import_react.default.createElement(Body, null, body))), footer && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, null, footer));
+};
+PageForm.propTypes = {
+  header: import_prop_types.default.element,
+  body: import_prop_types.default.element,
+  footer: import_prop_types.default.element
+};
+const DSPageForm = PageForm;
+const DSMobilePageForm = DSPageForm;
+module.exports = __toCommonJS(PageForm_exports);
+//# sourceMappingURL=PageForm.js.map

package/dist/cjs/PageForm/PageForm.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/PageForm/PageForm.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\nimport styled from 'styled-components';\nimport { op, __UNSAFE_SPACE_TO_DIMSUM, useTheme } from '@elliemae/ds-system';\nimport { DSFullPageContainer, DSFullPageContainerScroll } from '../FullPageContainer';\n\nconst Body = styled(Grid)`\n  margin: 0 auto;\n  width: 100%;\n  @media (min-width: ${({ theme }) => theme.breakpoints.small}) {\n    ${({ theme }) => `width: ${op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25)};`}\n  }\n`;\n\nconst PageForm = ({ header = null, body = null, footer = null }) => {\n  const theme = useTheme();\n  const rows = [1];\n  if (header) rows.unshift(op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 1.125));\n  if (footer) rows.push(theme.space.l);\n  return (\n    <DSFullPageContainer rows={rows}>\n      {header && <Grid>{header}</Grid>}\n      <Grid style={{ overflow: 'hidden' }}>\n        <DSFullPageContainerScroll>\n          <Body>{body}</Body>\n        </DSFullPageContainerScroll>\n      </Grid>\n      {footer && <Grid>{footer}</Grid>}\n    </DSFullPageContainer>\n  );\n};\n\nPageForm.propTypes = {\n  header: PropTypes.element,\n  body: PropTypes.element,\n  footer: PropTypes.element,\n};\n\nconst DSPageForm = PageForm;\nconst DSMobilePageForm = DSPageForm;\n\nexport { DSPageForm, DSMobilePageForm };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAsB;AACtB,qBAAqB;AACrB,+BAAmB;AACnB,uBAAuD;AACvD,+BAA+D;AAE/D,MAAM,OAAO,sCAAO;AAAA;AAAA;AAAA,uBAGG,CAAC,EAAE,YAAY,MAAM,YAAY;AAAA,MAClD,CAAC,EAAE,YAAY,UAAU,yBAAG,KAAK,+CAAyB,MAAM,MAAM,MAAM;AAAA;AAAA;AAIlF,MAAM,WAAW,CAAC,EAAE,SAAS,MAAM,OAAO,MAAM,SAAS,WAAW;AAClE,QAAM,QAAQ;AACd,QAAM,OAAO,CAAC;AACd,MAAI;AAAQ,SAAK,QAAQ,yBAAG,KAAK,+CAAyB,MAAM,MAAM,MAAM;AAC5E,MAAI;AAAQ,SAAK,KAAK,MAAM,MAAM;AAClC,SACE,mDAAC,8CAAD;AAAA,IAAqB;AAAA,KAClB,UAAU,mDAAC,qBAAD,MAAO,SAClB,mDAAC,qBAAD;AAAA,IAAM,OAAO,EAAE,UAAU;AAAA,KACvB,mDAAC,oDAAD,MACE,mDAAC,MAAD,MAAO,SAGV,UAAU,mDAAC,qBAAD,MAAO;AAAA;AAKxB,SAAS,YAAY;AAAA,EACnB,QAAQ,0BAAU;AAAA,EAClB,MAAM,0BAAU;AAAA,EAChB,QAAQ,0BAAU;AAAA;AAGpB,MAAM,aAAa;AACnB,MAAM,mBAAmB;",
+  "names": []
+}

package/dist/cjs/PageList/PageList.js

@@ -0,0 +1,62 @@
+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 PageList_exports = {};
+__export(PageList_exports, {
+  DSMobilePageList: () => DSMobilePageList,
+  DSPageList: () => DSPageList
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_prop_types = __toESM(require("prop-types"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_ds_system = require("@elliemae/ds-system");
+var import_FullPageContainer = require("../FullPageContainer");
+const PageTitleWrapper = (0, import_styled_components.default)(import_ds_grid.Grid)`
+  min-height: 44px;
+`;
+const DSMobilePageList = (0, import_ds_system.withTheme)(({ header = null, pageTitle = null, filterBar = null, body = null, footer = null, theme }) => {
+  const rows = ["auto", (0, import_ds_system.op)("*", (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.xl), 0.83), 1];
+  if (header)
+    rows.unshift((0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.xxl));
+  if (footer)
+    rows.push("56px");
+  return /* @__PURE__ */ import_react.default.createElement(import_FullPageContainer.DSFullPageContainer, {
+    rows
+  }, header && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, null, header), /* @__PURE__ */ import_react.default.createElement(PageTitleWrapper, null, pageTitle), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, null, filterBar), /* @__PURE__ */ import_react.default.createElement(import_FullPageContainer.DSFullPageContainerScroll, null, body), footer && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, null, footer));
+});
+DSMobilePageList.propTypes = {
+  header: import_prop_types.default.element,
+  pageTitle: import_prop_types.default.element,
+  filterBar: import_prop_types.default.element,
+  body: import_prop_types.default.element,
+  footer: import_prop_types.default.element
+};
+const DSPageList = DSMobilePageList;
+module.exports = __toCommonJS(PageList_exports);
+//# sourceMappingURL=PageList.js.map

package/dist/cjs/PageList/PageList.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/PageList/PageList.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { op, withTheme, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { DSFullPageContainer, DSFullPageContainerScroll } from '../FullPageContainer';\n\nconst PageTitleWrapper = styled(Grid)`\n  min-height: 44px;\n`;\n\nconst DSMobilePageList = withTheme(\n  ({ header = null, pageTitle = null, filterBar = null, body = null, footer = null, theme }) => {\n    const rows = ['auto', op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xl), 0.83), 1];\n    if (header) rows.unshift(__UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl));\n    if (footer) rows.push('56px');\n    return (\n      <DSFullPageContainer rows={rows}>\n        {header && <Grid>{header}</Grid>}\n        <PageTitleWrapper>{pageTitle}</PageTitleWrapper>\n        <Grid>{filterBar}</Grid>\n        <DSFullPageContainerScroll>{body}</DSFullPageContainerScroll>\n        {footer && <Grid>{footer}</Grid>}\n      </DSFullPageContainer>\n    );\n  },\n);\n\nDSMobilePageList.propTypes = {\n  header: PropTypes.element,\n  pageTitle: PropTypes.element,\n  filterBar: PropTypes.element,\n  body: PropTypes.element,\n  footer: PropTypes.element,\n};\n\nconst DSPageList = DSMobilePageList;\n\nexport { DSPageList, DSMobilePageList };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAsB;AACtB,+BAAmB;AACnB,qBAAqB;AACrB,uBAAwD;AACxD,+BAA+D;AAE/D,MAAM,mBAAmB,sCAAO;AAAA;AAAA;AAIhC,MAAM,mBAAmB,gCACvB,CAAC,EAAE,SAAS,MAAM,YAAY,MAAM,YAAY,MAAM,OAAO,MAAM,SAAS,MAAM,YAAY;AAC5F,QAAM,OAAO,CAAC,QAAQ,yBAAG,KAAK,+CAAyB,MAAM,MAAM,KAAK,OAAO;AAC/E,MAAI;AAAQ,SAAK,QAAQ,+CAAyB,MAAM,MAAM;AAC9D,MAAI;AAAQ,SAAK,KAAK;AACtB,SACE,mDAAC,8CAAD;AAAA,IAAqB;AAAA,KAClB,UAAU,mDAAC,qBAAD,MAAO,SAClB,mDAAC,kBAAD,MAAmB,YACnB,mDAAC,qBAAD,MAAO,YACP,mDAAC,oDAAD,MAA4B,OAC3B,UAAU,mDAAC,qBAAD,MAAO;AAAA;AAM1B,iBAAiB,YAAY;AAAA,EAC3B,QAAQ,0BAAU;AAAA,EAClB,WAAW,0BAAU;AAAA,EACrB,WAAW,0BAAU;AAAA,EACrB,MAAM,0BAAU;AAAA,EAChB,QAAQ,0BAAU;AAAA;AAGpB,MAAM,aAAa;",
+  "names": []
+}

package/dist/cjs/PageList/index.js

@@ -0,0 +1,28 @@
+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 PageList_exports = {};
+var React = __toESM(require("react"));
+__reExport(PageList_exports, require("./PageList"));
+module.exports = __toCommonJS(PageList_exports);
+//# sourceMappingURL=index.js.map

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

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

package/dist/cjs/PageSearch/PageSearch.js

@@ -0,0 +1,77 @@
+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 PageSearch_exports = {};
+__export(PageSearch_exports, {
+  DSMobilePageSearch: () => DSMobilePageSearch,
+  DSPageSearch: () => DSPageSearch
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_prop_types = __toESM(require("prop-types"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_ds_system = require("@elliemae/ds-system");
+const Header = (0, import_styled_components.default)(import_ds_grid.Grid)`
+  height: 100%;
+  background: ${(props) => props.theme.colors.brand["600"]};
+  padding: ${(props) => (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.xxs)};
+`;
+const DSMobilePageSearch = (0, import_ds_system.withTheme)(({
+  HeaderContainer = Header,
+  SearchContainer = Header,
+  searchHeader = null,
+  pageTitle = "Search",
+  body = null,
+  theme
+}) => {
+  const rows = [
+    (0, import_ds_system.op)("*", (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.l), 0.81),
+    (0, import_ds_system.op)("*", (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.l), 1.62),
+    1
+  ];
+  return /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+    rows,
+    height: "100%"
+  }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, null, /* @__PURE__ */ import_react.default.createElement(HeaderContainer, null, pageTitle)), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, null, /* @__PURE__ */ import_react.default.createElement(SearchContainer, null, searchHeader)), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+    height: "100%",
+    style: { overflow: "hidden" }
+  }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+    height: "100%",
+    style: { overflow: "auto" }
+  }, body)));
+});
+DSMobilePageSearch.propTypes = {
+  header: import_prop_types.default.element,
+  pageTitle: import_prop_types.default.element,
+  filterBar: import_prop_types.default.element,
+  body: import_prop_types.default.element,
+  footer: import_prop_types.default.element
+};
+const DSPageSearch = DSMobilePageSearch;
+module.exports = __toCommonJS(PageSearch_exports);
+//# sourceMappingURL=PageSearch.js.map

package/dist/cjs/PageSearch/PageSearch.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/PageSearch/PageSearch.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { op, withTheme, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\n\nconst Header = styled(Grid)`\n  height: 100%;\n  background: ${(props) => props.theme.colors.brand['600']};\n  padding: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)};\n`;\n\nconst DSMobilePageSearch = withTheme(\n  ({\n    HeaderContainer = Header,\n    SearchContainer = Header,\n    searchHeader = null,\n    pageTitle = 'Search',\n    body = null,\n    theme,\n  }) => {\n    const rows = [\n      op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.l), 0.81),\n      op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.l), 1.62),\n      1,\n    ];\n    return (\n      <Grid rows={rows} height=\"100%\">\n        <Grid>\n          <HeaderContainer>{pageTitle}</HeaderContainer>\n        </Grid>\n        <Grid>\n          <SearchContainer>{searchHeader}</SearchContainer>\n        </Grid>\n        <Grid height=\"100%\" style={{ overflow: 'hidden' }}>\n          <Grid height=\"100%\" style={{ overflow: 'auto' }}>\n            {body}\n          </Grid>\n        </Grid>\n      </Grid>\n    );\n  },\n);\n\nDSMobilePageSearch.propTypes = {\n  header: PropTypes.element,\n  pageTitle: PropTypes.element,\n  filterBar: PropTypes.element,\n  body: PropTypes.element,\n  footer: PropTypes.element,\n};\n\nconst DSPageSearch = DSMobilePageSearch;\n\nexport { DSPageSearch, DSMobilePageSearch };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAsB;AACtB,+BAAmB;AACnB,qBAAqB;AACrB,uBAAwD;AAExD,MAAM,SAAS,sCAAO;AAAA;AAAA,gBAEN,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA,aACvC,CAAC,UAAU,+CAAyB,MAAM,MAAM,MAAM;AAAA;AAGnE,MAAM,qBAAqB,gCACzB,CAAC;AAAA,EACC,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,OAAO;AAAA,EACP;AAAA,MACI;AACJ,QAAM,OAAO;AAAA,IACX,yBAAG,KAAK,+CAAyB,MAAM,MAAM,IAAI;AAAA,IACjD,yBAAG,KAAK,+CAAyB,MAAM,MAAM,IAAI;AAAA,IACjD;AAAA;AAEF,SACE,mDAAC,qBAAD;AAAA,IAAM;AAAA,IAAY,QAAO;AAAA,KACvB,mDAAC,qBAAD,MACE,mDAAC,iBAAD,MAAkB,aAEpB,mDAAC,qBAAD,MACE,mDAAC,iBAAD,MAAkB,gBAEpB,mDAAC,qBAAD;AAAA,IAAM,QAAO;AAAA,IAAO,OAAO,EAAE,UAAU;AAAA,KACrC,mDAAC,qBAAD;AAAA,IAAM,QAAO;AAAA,IAAO,OAAO,EAAE,UAAU;AAAA,KACpC;AAAA;AAQb,mBAAmB,YAAY;AAAA,EAC7B,QAAQ,0BAAU;AAAA,EAClB,WAAW,0BAAU;AAAA,EACrB,WAAW,0BAAU;AAAA,EACrB,MAAM,0BAAU;AAAA,EAChB,QAAQ,0BAAU;AAAA;AAGpB,MAAM,eAAe;",
+  "names": []
+}

package/dist/cjs/PageSummary/PageSummary.js

@@ -0,0 +1,69 @@
+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 PageSummary_exports = {};
+__export(PageSummary_exports, {
+  DSPageSummary: () => DSPageSummary
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_prop_types = __toESM(require("prop-types"));
+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_FullPageContainer = require("../FullPageContainer");
+var import_Tags = require("./Tags");
+const Body = (0, import_styled_components.default)(import_ds_grid.Grid)`
+  margin: 0 auto;
+  width: 100%;
+  @media (min-width: ${({ theme }) => theme.breakpoints.small}) {
+    ${({ theme }) => `width: ${(0, import_ds_system.op)("*", (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.xxl), 6.25)};`}
+  }
+`;
+const PageSummary = ({
+  header = null,
+  headerZIndex = 1,
+  bodyPrimary = null,
+  actions = null,
+  actionsZIndex = 1,
+  bodySecondary = null
+}) => /* @__PURE__ */ import_react.default.createElement(import_FullPageContainer.DSFullPageContainer, null, header && /* @__PURE__ */ import_react.default.createElement(import_Tags.Header, {
+  zIndex: headerZIndex
+}, header), /* @__PURE__ */ import_react.default.createElement(import_Tags.Section, null, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, null, /* @__PURE__ */ import_react.default.createElement(Body, null, bodyPrimary)), /* @__PURE__ */ import_react.default.createElement(import_Tags.Toolbar, {
+  zIndex: actionsZIndex
+}, actions), /* @__PURE__ */ import_react.default.createElement(import_Tags.BodyWrapper, null, /* @__PURE__ */ import_react.default.createElement(Body, null, bodySecondary))));
+PageSummary.propTypes = {
+  header: import_prop_types.default.element,
+  bodyPrimary: import_prop_types.default.element,
+  actions: import_prop_types.default.element,
+  bodySecondary: import_prop_types.default.element,
+  headerZIndex: import_prop_types.default.number,
+  actionsZIndex: import_prop_types.default.number
+};
+const DSPageSummary = PageSummary;
+module.exports = __toCommonJS(PageSummary_exports);
+//# sourceMappingURL=PageSummary.js.map

package/dist/cjs/PageSummary/PageSummary.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/PageSummary/PageSummary.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\nimport styled from 'styled-components';\nimport { op, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { DSFullPageContainer } from '../FullPageContainer';\nimport { Header, Toolbar, BodyWrapper, Section } from './Tags';\n\nconst Body = styled(Grid)`\n  margin: 0 auto;\n  width: 100%;\n  @media (min-width: ${({ theme }) => theme.breakpoints.small}) {\n    ${({ theme }) => `width: ${op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25)};`}\n  }\n`;\n\nconst PageSummary = ({\n  header = null,\n  headerZIndex = 1,\n  bodyPrimary = null,\n  actions = null,\n  actionsZIndex = 1,\n  bodySecondary = null,\n}) => (\n  <DSFullPageContainer>\n    {header && <Header zIndex={headerZIndex}>{header}</Header>}\n    <Section>\n      <Grid>\n        <Body>{bodyPrimary}</Body>\n      </Grid>\n      <Toolbar zIndex={actionsZIndex}>{actions}</Toolbar>\n      <BodyWrapper>\n        <Body>{bodySecondary}</Body>\n      </BodyWrapper>\n    </Section>\n  </DSFullPageContainer>\n);\n\nPageSummary.propTypes = {\n  header: PropTypes.element,\n  bodyPrimary: PropTypes.element,\n  actions: PropTypes.element,\n  bodySecondary: PropTypes.element,\n  headerZIndex: PropTypes.number,\n  actionsZIndex: PropTypes.number,\n};\n\nconst DSPageSummary = PageSummary;\n\nexport { DSPageSummary };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAsB;AACtB,qBAAqB;AACrB,+BAAmB;AACnB,uBAA6C;AAC7C,+BAAoC;AACpC,kBAAsD;AAEtD,MAAM,OAAO,sCAAO;AAAA;AAAA;AAAA,uBAGG,CAAC,EAAE,YAAY,MAAM,YAAY;AAAA,MAClD,CAAC,EAAE,YAAY,UAAU,yBAAG,KAAK,+CAAyB,MAAM,MAAM,MAAM;AAAA;AAAA;AAIlF,MAAM,cAAc,CAAC;AAAA,EACnB,SAAS;AAAA,EACT,eAAe;AAAA,EACf,cAAc;AAAA,EACd,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,MAEhB,mDAAC,8CAAD,MACG,UAAU,mDAAC,oBAAD;AAAA,EAAQ,QAAQ;AAAA,GAAe,SAC1C,mDAAC,qBAAD,MACE,mDAAC,qBAAD,MACE,mDAAC,MAAD,MAAO,eAET,mDAAC,qBAAD;AAAA,EAAS,QAAQ;AAAA,GAAgB,UACjC,mDAAC,yBAAD,MACE,mDAAC,MAAD,MAAO;AAMf,YAAY,YAAY;AAAA,EACtB,QAAQ,0BAAU;AAAA,EAClB,aAAa,0BAAU;AAAA,EACvB,SAAS,0BAAU;AAAA,EACnB,eAAe,0BAAU;AAAA,EACzB,cAAc,0BAAU;AAAA,EACxB,eAAe,0BAAU;AAAA;AAG3B,MAAM,gBAAgB;",
+  "names": []
+}

package/dist/cjs/PageSummary/Tags.js

@@ -0,0 +1,66 @@
+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 Tags_exports = {};
+__export(Tags_exports, {
+  BodyWrapper: () => BodyWrapper,
+  Header: () => Header,
+  Section: () => Section,
+  Toolbar: () => Toolbar
+});
+var React = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+const Header = import_styled_components.default.div`
+  position: fixed;
+  display: grid;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 64px;
+  z-index: ${({ zIndex }) => zIndex};
+`;
+const Toolbar = import_styled_components.default.div`
+  position: sticky;
+  left: 0;
+  top: 64px;
+  background: ${(props) => props.theme.colors.neutral["000"]};
+  z-index: ${({ zIndex }) => zIndex};
+`;
+const BodyWrapper = import_styled_components.default.div`
+  position: relative;
+  display: grid;
+  top: 0;
+  left: 0;
+  height: 100%;
+`;
+const Section = import_styled_components.default.div`
+  position: relative;
+  top: 64px;
+  height: 100%;
+`;
+module.exports = __toCommonJS(Tags_exports);
+//# sourceMappingURL=Tags.js.map

package/dist/cjs/PageSummary/Tags.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/PageSummary/Tags.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import styled from 'styled-components';\n\nexport const Header = styled.div`\n  position: fixed;\n  display: grid;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 64px;\n  z-index: ${({ zIndex }) => zIndex};\n`;\nexport const Toolbar = styled.div`\n  position: sticky;\n  left: 0;\n  top: 64px;\n  background: ${(props) => props.theme.colors.neutral['000']};\n  z-index: ${({ zIndex }) => zIndex};\n`;\nexport const BodyWrapper = styled.div`\n  position: relative;\n  display: grid;\n  top: 0;\n  left: 0;\n  height: 100%;\n`;\n\nexport const Section = styled.div`\n  position: relative;\n  top: 64px;\n  height: 100%;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AAEZ,MAAM,SAAS,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAOhB,CAAC,EAAE,aAAa;AAAA;AAEtB,MAAM,UAAU,iCAAO;AAAA;AAAA;AAAA;AAAA,gBAId,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,aACzC,CAAC,EAAE,aAAa;AAAA;AAEtB,MAAM,cAAc,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ3B,MAAM,UAAU,iCAAO;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}