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

package/dist/cjs/SideNav/SideNav.js

@@ -0,0 +1,100 @@
+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 SideNav_exports = {};
+__export(SideNav_exports, {
+  DSSideNav: () => DSSideNav,
+  DSSideNavWithSchema: () => DSSideNavWithSchema
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_backdrop = require("@elliemae/ds-backdrop");
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_ds_icon = require("@elliemae/ds-icon");
+var import_react_desc = require("react-desc");
+var import_lodash = require("lodash");
+var import_EM_logo = __toESM(require("../Icons/EM_logo"));
+var import_styles = require("./styles");
+const DSSideNav = ({ containerProps = {}, title, onClose = import_lodash.noop, menuItems = [], bottomMenuItems = [] }) => {
+  const [selectedMenuItemIdx, setSelectedMenuItem] = (0, import_react.useState)(-1);
+  const menuItemClick = (idx, text, cb) => {
+    if (cb) {
+      cb(idx, text);
+    }
+    setSelectedMenuItem(idx);
+  };
+  const renderMenuList = () => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, menuItems.length > 0 ? /* @__PURE__ */ import_react.default.createElement(import_styles.MenuList, null, menuItems.map(({ icon, text, onClick }, idx) => /* @__PURE__ */ import_react.default.createElement("div", {
+    key: idx,
+    className: "menuitem",
+    onClick: menuItemClick.bind(null, idx, text, onClick)
+  }, /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "icon"
+  }, icon), /* @__PURE__ */ import_react.default.createElement("div", {
+    className: `text ${idx === selectedMenuItemIdx ? "active" : ""}`
+  }, text)))) : null);
+  const renderBottomMenu = () => /* @__PURE__ */ import_react.default.createElement(import_styles.MenuList, null, bottomMenuItems.map(({ icon, text, onClick }, idx) => /* @__PURE__ */ import_react.default.createElement("div", {
+    key: idx,
+    className: "menuitem",
+    onClick: () => onClick(idx, text)
+  }, /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "icon"
+  }, icon), /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "text"
+  }, text))));
+  return /* @__PURE__ */ import_react.default.createElement(import_styles.Container, {
+    "data-testid": containerProps["data-testid"] || "global-header-menu"
+  }, /* @__PURE__ */ import_react.default.createElement(import_ds_backdrop.DSBackdrop, {
+    onClick: onClose,
+    type: "cover"
+  }), /* @__PURE__ */ import_react.default.createElement(import_styles.Menu, null, /* @__PURE__ */ import_react.default.createElement(import_styles.MenuWrapper, null, /* @__PURE__ */ import_react.default.createElement(import_styles.Heading, null, /* @__PURE__ */ import_react.default.createElement(import_styles.Icon, null, (0, import_EM_logo.default)()), /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "content"
+  }, /* @__PURE__ */ import_react.default.createElement("label", null, title), /* @__PURE__ */ import_react.default.createElement("span", null), /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "icon"
+  }, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.Close, {
+    onClick: onClose,
+    size: import_ds_icon.DSIconSizes.S,
+    color: import_ds_icon.DSIconColors.WHITE
+  })))), /* @__PURE__ */ import_react.default.createElement(import_styles.Hr, null), renderMenuList(), bottomMenuItems.length > 0 ? /* @__PURE__ */ import_react.default.createElement(import_styles.BottomMenu, null, /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "content"
+  }, /* @__PURE__ */ import_react.default.createElement("hr", null), renderBottomMenu())) : null)));
+};
+const menuProps = import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.shape({
+  icon: import_react_desc.PropTypes.element,
+  text: import_react_desc.PropTypes.string
+}));
+const navProps = {
+  containerProps: import_react_desc.PropTypes.object.description("inject props to wrapper element of side nav"),
+  title: import_react_desc.PropTypes.string.isRequired.description("Heading Title"),
+  onClose: import_react_desc.PropTypes.func.description("Callback function when close is menu is triggered"),
+  menuItems: menuProps.description("Top Menu items array"),
+  bottomMenuItems: menuProps.description("Bottom Menu items array")
+};
+DSSideNav.propTypes = navProps;
+const DSSideNavWithSchema = (0, import_react_desc.describe)(DSSideNav).description("Side navigation for mobile and tablet");
+DSSideNavWithSchema.propTypes = navProps;
+module.exports = __toCommonJS(SideNav_exports);
+//# sourceMappingURL=SideNav.js.map

package/dist/cjs/SideNav/SideNav.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/SideNav/SideNav.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable import/no-unresolved */\n/* eslint-disable max-lines */\n/* eslint-disable react/no-array-index-key */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport React, { useState } from 'react';\nimport { DSBackdrop } from '@elliemae/ds-backdrop';\nimport { Close } from '@elliemae/ds-icons';\nimport { DSIconSizes, DSIconColors } from '@elliemae/ds-icon';\nimport { PropTypes, describe } from 'react-desc';\nimport { noop } from 'lodash';\nimport Logo from '../Icons/EM_logo';\nimport { Container, Menu, Heading, Icon, Hr, MenuList, BottomMenu, MenuWrapper } from './styles';\n\nconst DSSideNav = ({ containerProps = {}, title, onClose = noop, menuItems = [], bottomMenuItems = [] }) => {\n  const [selectedMenuItemIdx, setSelectedMenuItem] = useState(-1);\n\n  const menuItemClick = (idx, text, cb) => {\n    if (cb) {\n      cb(idx, text);\n    }\n    setSelectedMenuItem(idx);\n  };\n\n  const renderMenuList = () => (\n    <>\n      {menuItems.length > 0 ? (\n        <MenuList>\n          {menuItems.map(({ icon, text, onClick }, idx) => (\n            <div key={idx} className=\"menuitem\" onClick={menuItemClick.bind(null, idx, text, onClick)}>\n              <div className=\"icon\">{icon}</div>\n              <div className={`text ${idx === selectedMenuItemIdx ? 'active' : ''}`}>{text}</div>\n            </div>\n          ))}\n        </MenuList>\n      ) : null}\n    </>\n  );\n\n  const renderBottomMenu = () => (\n    <MenuList>\n      {bottomMenuItems.map(({ icon, text, onClick }, idx) => (\n        <div key={idx} className=\"menuitem\" onClick={() => onClick(idx, text)}>\n          <div className=\"icon\">{icon}</div>\n          <div className=\"text\">{text}</div>\n        </div>\n      ))}\n    </MenuList>\n  );\n\n  return (\n    <Container data-testid={containerProps['data-testid'] || 'global-header-menu'}>\n      <DSBackdrop onClick={onClose} type=\"cover\"></DSBackdrop>\n\n      <Menu>\n        <MenuWrapper>\n          <Heading>\n            <Icon>{Logo()}</Icon>\n            <div className=\"content\">\n              <label>{title}</label>\n              <span></span>\n              <div className=\"icon\">\n                <Close onClick={onClose} size={DSIconSizes.S} color={DSIconColors.WHITE} />\n              </div>\n            </div>\n          </Heading>\n          <Hr></Hr>\n          {renderMenuList()}\n          {bottomMenuItems.length > 0 ? (\n            <BottomMenu>\n              <div className=\"content\">\n                <hr></hr>\n                {renderBottomMenu()}\n              </div>\n            </BottomMenu>\n          ) : null}\n        </MenuWrapper>\n      </Menu>\n    </Container>\n  );\n};\n\nconst menuProps = PropTypes.arrayOf(\n  PropTypes.shape({\n    icon: PropTypes.element,\n    text: PropTypes.string,\n  }),\n);\n\nconst navProps = {\n  /** inject props to wrapper element of side nav */\n  containerProps: PropTypes.object.description('inject props to wrapper element of side nav'),\n  /**\n   * Heading Title\n   */\n  title: PropTypes.string.isRequired.description('Heading Title'),\n  /**\n   * Callback function when close is menu is triggered\n   */\n  onClose: PropTypes.func.description('Callback function when close is menu is triggered'),\n  /**\n   * Top Menu items array\n   */\n  menuItems: menuProps.description('Top Menu items array'),\n  /**\n   * Bottom Menu items array\n   */\n  bottomMenuItems: menuProps.description('Bottom Menu items array'),\n};\n\nDSSideNav.propTypes = navProps;\n\nconst DSSideNavWithSchema = describe(DSSideNav).description('Side navigation for mobile and tablet');\n\nDSSideNavWithSchema.propTypes = navProps;\n\nexport { DSSideNav, DSSideNavWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADKvB,mBAAgC;AAChC,yBAA2B;AAC3B,sBAAsB;AACtB,qBAA0C;AAC1C,wBAAoC;AACpC,oBAAqB;AACrB,qBAAiB;AACjB,oBAAsF;AAEtF,MAAM,YAAY,CAAC,EAAE,iBAAiB,IAAI,OAAO,UAAU,oBAAM,YAAY,IAAI,kBAAkB,SAAS;AAC1G,QAAM,CAAC,qBAAqB,uBAAuB,2BAAS;AAE5D,QAAM,gBAAgB,CAAC,KAAK,MAAM,OAAO;AACvC,QAAI,IAAI;AACN,SAAG,KAAK;AAAA;AAEV,wBAAoB;AAAA;AAGtB,QAAM,iBAAiB,MACrB,wFACG,UAAU,SAAS,IAClB,mDAAC,wBAAD,MACG,UAAU,IAAI,CAAC,EAAE,MAAM,MAAM,WAAW,QACvC,mDAAC,OAAD;AAAA,IAAK,KAAK;AAAA,IAAK,WAAU;AAAA,IAAW,SAAS,cAAc,KAAK,MAAM,KAAK,MAAM;AAAA,KAC/E,mDAAC,OAAD;AAAA,IAAK,WAAU;AAAA,KAAQ,OACvB,mDAAC,OAAD;AAAA,IAAK,WAAW,QAAQ,QAAQ,sBAAsB,WAAW;AAAA,KAAO,WAI5E;AAIR,QAAM,mBAAmB,MACvB,mDAAC,wBAAD,MACG,gBAAgB,IAAI,CAAC,EAAE,MAAM,MAAM,WAAW,QAC7C,mDAAC,OAAD;AAAA,IAAK,KAAK;AAAA,IAAK,WAAU;AAAA,IAAW,SAAS,MAAM,QAAQ,KAAK;AAAA,KAC9D,mDAAC,OAAD;AAAA,IAAK,WAAU;AAAA,KAAQ,OACvB,mDAAC,OAAD;AAAA,IAAK,WAAU;AAAA,KAAQ;AAM/B,SACE,mDAAC,yBAAD;AAAA,IAAW,eAAa,eAAe,kBAAkB;AAAA,KACvD,mDAAC,+BAAD;AAAA,IAAY,SAAS;AAAA,IAAS,MAAK;AAAA,MAEnC,mDAAC,oBAAD,MACE,mDAAC,2BAAD,MACE,mDAAC,uBAAD,MACE,mDAAC,oBAAD,MAAO,gCACP,mDAAC,OAAD;AAAA,IAAK,WAAU;AAAA,KACb,mDAAC,SAAD,MAAQ,QACR,mDAAC,QAAD,OACA,mDAAC,OAAD;AAAA,IAAK,WAAU;AAAA,KACb,mDAAC,uBAAD;AAAA,IAAO,SAAS;AAAA,IAAS,MAAM,2BAAY;AAAA,IAAG,OAAO,4BAAa;AAAA,SAIxE,mDAAC,kBAAD,OACC,kBACA,gBAAgB,SAAS,IACxB,mDAAC,0BAAD,MACE,mDAAC,OAAD;AAAA,IAAK,WAAU;AAAA,KACb,mDAAC,MAAD,OACC,uBAGH;AAAA;AAOd,MAAM,YAAY,4BAAU,QAC1B,4BAAU,MAAM;AAAA,EACd,MAAM,4BAAU;AAAA,EAChB,MAAM,4BAAU;AAAA;AAIpB,MAAM,WAAW;AAAA,EAEf,gBAAgB,4BAAU,OAAO,YAAY;AAAA,EAI7C,OAAO,4BAAU,OAAO,WAAW,YAAY;AAAA,EAI/C,SAAS,4BAAU,KAAK,YAAY;AAAA,EAIpC,WAAW,UAAU,YAAY;AAAA,EAIjC,iBAAiB,UAAU,YAAY;AAAA;AAGzC,UAAU,YAAY;AAEtB,MAAM,sBAAsB,gCAAS,WAAW,YAAY;AAE5D,oBAAoB,YAAY;",
+  "names": []
+}

package/dist/cjs/SideNav/index.js

@@ -0,0 +1,36 @@
+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 SideNav_exports = {};
+__export(SideNav_exports, {
+  DSSideNav: () => import_SideNav.DSSideNav,
+  DSSideNavWithSchema: () => import_SideNav.DSSideNavWithSchema
+});
+var React = __toESM(require("react"));
+var import_SideNav = require("./SideNav");
+module.exports = __toCommonJS(SideNav_exports);
+//# sourceMappingURL=index.js.map

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

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

package/dist/cjs/SideNav/styles.js

@@ -0,0 +1,129 @@
+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 styles_exports = {};
+__export(styles_exports, {
+  BottomMenu: () => BottomMenu,
+  Container: () => Container,
+  Heading: () => Heading,
+  Hr: () => Hr,
+  Icon: () => Icon,
+  Menu: () => Menu,
+  MenuList: () => MenuList,
+  MenuWrapper: () => MenuWrapper
+});
+var React = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+const Container = import_styled_components.default.div`
+  position: fixed;
+  width: 100%;
+  height: 100%;
+`;
+const MenuWrapper = import_styled_components.default.div`
+  position: relative;
+  height: 100%;
+`;
+const Menu = import_styled_components.default.div`
+  position: fixed;
+  width: 80%;
+  height: 100%;
+  background-color: ${(props) => props.theme.colors.brand[700]};
+  font-family: ${(props) => props.theme.fonts.default};
+  box-shadow: 5px 0 5px ${(props) => props.theme.colors.neutral[600]};
+  padding: ${(props) => props.theme.space.xs};
+`;
+const Heading = import_styled_components.default.div`
+  display: flex;
+  flex-direction: row;
+
+  .content {
+    width: 100%;
+    display: flex;
+    flex-direction: row;
+    span {
+      flex-grow: 1;
+    }
+    label {
+      padding-top: 1px;
+      line-height:30px;
+      font-weight: ${(props) => props.theme.fontWeights.semibold};
+      font-size: 22px;
+      color: ${(props) => props.theme.colors.neutral["000"]};
+    }
+    .icon {
+      cursor: pointer;
+      padding-top: 6px;
+    }
+  }
+`;
+const Icon = import_styled_components.default.div`
+  margin-right: ${(props) => props.theme.space.xxs2};
+`;
+const Hr = import_styled_components.default.hr`
+  margin-left: -${(props) => props.theme.space.xs};
+  margin-right: -${(props) => props.theme.space.xs};
+`;
+const MenuList = import_styled_components.default.div`
+  .menuitem {
+    display: flex;
+    flex-direction: row;
+    cursor: pointer;
+    height:22px;
+    margin-bottom: ${(props) => props.theme.space.xs};
+    .icon {
+      padding-left: 6px;
+      margin-right: ${(props) => props.theme.space.xs};
+      span{
+        height:20px;
+        width:20px;
+        svg{
+          height:20px;
+          width:20px;
+        }
+      }
+    }
+    .text {
+      font-weight: ${(props) => props.theme.fontWeights.regular};
+      font-size: 18px;
+      line-height:22px;
+      color: ${(props) => props.theme.colors.neutral["000"]};
+      &.active {
+        font-weight: ${(props) => props.theme.fontWeights.semibold};
+      }
+    }
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+`;
+const BottomMenu = import_styled_components.default.div`
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+`;
+module.exports = __toCommonJS(styles_exports);
+//# sourceMappingURL=styles.js.map

package/dist/cjs/SideNav/styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/SideNav/styles.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import styled from 'styled-components';\n\nexport const Container = styled.div`\n  position: fixed;\n  width: 100%;\n  height: 100%;\n`;\n\nexport const MenuWrapper = styled.div`\n  position: relative;\n  height: 100%;\n`;\n\nexport const Menu = styled.div`\n  position: fixed;\n  width: 80%;\n  height: 100%;\n  background-color: ${(props) => props.theme.colors.brand[700]};\n  font-family: ${(props) => props.theme.fonts.default};\n  box-shadow: 5px 0 5px ${(props) => props.theme.colors.neutral[600]};\n  padding: ${(props) => props.theme.space.xs};\n`;\n\nexport const Heading = styled.div`\n  display: flex;\n  flex-direction: row;\n\n  .content {\n    width: 100%;\n    display: flex;\n    flex-direction: row;\n    span {\n      flex-grow: 1;\n    }\n    label {\n      padding-top: 1px;\n      line-height:30px;\n      font-weight: ${(props) => props.theme.fontWeights.semibold};\n      font-size: 22px;\n      color: ${(props) => props.theme.colors.neutral['000']};\n    }\n    .icon {\n      cursor: pointer;\n      padding-top: 6px;\n    }\n  }\n`;\n\nexport const Icon = styled.div`\n  margin-right: ${(props) => props.theme.space.xxs2};\n`;\n\nexport const Hr = styled.hr`\n  margin-left: -${(props) => props.theme.space.xs};\n  margin-right: -${(props) => props.theme.space.xs};\n`;\nexport const MenuList = styled.div`\n  .menuitem {\n    display: flex;\n    flex-direction: row;\n    cursor: pointer;\n    height:22px;\n    margin-bottom: ${(props) => props.theme.space.xs};\n    .icon {\n      padding-left: 6px;\n      margin-right: ${(props) => props.theme.space.xs};\n      span{\n        height:20px;\n        width:20px;\n        svg{\n          height:20px;\n          width:20px;\n        }\n      }\n    }\n    .text {\n      font-weight: ${(props) => props.theme.fontWeights.regular};\n      font-size: 18px;\n      line-height:22px;\n      color: ${(props) => props.theme.colors.neutral['000']};\n      &.active {\n        font-weight: ${(props) => props.theme.fontWeights.semibold};\n      }\n    }\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n`;\n\nexport const BottomMenu = styled.div`\n  position: absolute;\n  bottom: 0;\n  width: 100%;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AAEZ,MAAM,YAAY,iCAAO;AAAA;AAAA;AAAA;AAAA;AAMzB,MAAM,cAAc,iCAAO;AAAA;AAAA;AAAA;AAK3B,MAAM,OAAO,iCAAO;AAAA;AAAA;AAAA;AAAA,sBAIL,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA,iBACzC,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,0BACpB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,aACnD,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAGnC,MAAM,UAAU,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAcT,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA;AAAA,eAEzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS9C,MAAM,OAAO,iCAAO;AAAA,kBACT,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAGxC,MAAM,KAAK,iCAAO;AAAA,kBACP,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,mBAC5B,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAEzC,MAAM,WAAW,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAMV,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA,sBAG5B,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAW9B,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA;AAAA;AAAA,eAGzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,uBAE9B,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASnD,MAAM,aAAa,iCAAO;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/cjs/SwipeToRefresh/ProgressIndicator.js

@@ -0,0 +1,76 @@
+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 ProgressIndicator_exports = {};
+__export(ProgressIndicator_exports, {
+  ProgressIndicator: () => ProgressIndicator
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_system = require("@elliemae/ds-system");
+var import_prop_types = __toESM(require("prop-types"));
+var import_ds_grid = require("@elliemae/ds-grid");
+const rad = 54;
+const cir = 2 * Math.PI * rad;
+const ProgressIndicator = ({ progress = 0 }) => {
+  const factor = progress / 100;
+  const theme = (0, import_ds_system.useTheme)();
+  const dashoffset = cir * (1 - factor);
+  return /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+    height: theme.space.s,
+    width: theme.space.s,
+    justifyContent: "center",
+    alignItems: "center"
+  }, /* @__PURE__ */ import_react.default.createElement("svg", {
+    width: "23",
+    height: "23",
+    viewBox: "0 0 120 120",
+    transform: "rotate(-90)"
+  }, /* @__PURE__ */ import_react.default.createElement("circle", {
+    cx: "60",
+    cy: "60",
+    r: "54",
+    fill: "none",
+    strokeWidth: "12",
+    stroke: `${theme.colors.neutral[100]}`
+  }), /* @__PURE__ */ import_react.default.createElement("circle", {
+    cx: "60",
+    cy: "60",
+    r: "54",
+    strokeWidth: "12",
+    fill: "none",
+    strokeDasharray: `${cir}px`,
+    strokeDashoffset: `${dashoffset}px`,
+    stroke: `${theme.colors.brand[600]}`,
+    strokeLinecap: "round"
+  })));
+};
+ProgressIndicator.propTypes = {
+  progress: import_prop_types.default.number
+};
+module.exports = __toCommonJS(ProgressIndicator_exports);
+//# sourceMappingURL=ProgressIndicator.js.map

package/dist/cjs/SwipeToRefresh/ProgressIndicator.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/SwipeToRefresh/ProgressIndicator.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { useTheme } from '@elliemae/ds-system';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst rad = 54;\nconst cir = 2 * Math.PI * rad;\nexport const ProgressIndicator = ({ progress = 0 }) => {\n  const factor = progress / 100;\n  const theme = useTheme();\n  const dashoffset = cir * (1 - factor);\n  return (\n    <Grid height={theme.space.s} width={theme.space.s} justifyContent=\"center\" alignItems=\"center\">\n      <svg width=\"23\" height=\"23\" viewBox=\"0 0 120 120\" transform=\"rotate(-90)\">\n        <circle cx=\"60\" cy=\"60\" r=\"54\" fill=\"none\" strokeWidth=\"12\" stroke={`${theme.colors.neutral[100]}`} />\n        <circle\n          cx=\"60\"\n          cy=\"60\"\n          r=\"54\"\n          strokeWidth=\"12\"\n          fill=\"none\"\n          strokeDasharray={`${cir}px`}\n          strokeDashoffset={`${dashoffset}px`}\n          stroke={`${theme.colors.brand[600]}`}\n          strokeLinecap=\"round\"\n        />\n      </svg>\n    </Grid>\n  );\n};\n\nProgressIndicator.propTypes = {\n  progress: PropTypes.number,\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,uBAAyB;AACzB,wBAAsB;AACtB,qBAAqB;AAErB,MAAM,MAAM;AACZ,MAAM,MAAM,IAAI,KAAK,KAAK;AACnB,MAAM,oBAAoB,CAAC,EAAE,WAAW,QAAQ;AACrD,QAAM,SAAS,WAAW;AAC1B,QAAM,QAAQ;AACd,QAAM,aAAa,MAAO,KAAI;AAC9B,SACE,mDAAC,qBAAD;AAAA,IAAM,QAAQ,MAAM,MAAM;AAAA,IAAG,OAAO,MAAM,MAAM;AAAA,IAAG,gBAAe;AAAA,IAAS,YAAW;AAAA,KACpF,mDAAC,OAAD;AAAA,IAAK,OAAM;AAAA,IAAK,QAAO;AAAA,IAAK,SAAQ;AAAA,IAAc,WAAU;AAAA,KAC1D,mDAAC,UAAD;AAAA,IAAQ,IAAG;AAAA,IAAK,IAAG;AAAA,IAAK,GAAE;AAAA,IAAK,MAAK;AAAA,IAAO,aAAY;AAAA,IAAK,QAAQ,GAAG,MAAM,OAAO,QAAQ;AAAA,MAC5F,mDAAC,UAAD;AAAA,IACE,IAAG;AAAA,IACH,IAAG;AAAA,IACH,GAAE;AAAA,IACF,aAAY;AAAA,IACZ,MAAK;AAAA,IACL,iBAAiB,GAAG;AAAA,IACpB,kBAAkB,GAAG;AAAA,IACrB,QAAQ,GAAG,MAAM,OAAO,MAAM;AAAA,IAC9B,eAAc;AAAA;AAAA;AAOxB,kBAAkB,YAAY;AAAA,EAC5B,UAAU,0BAAU;AAAA;",
+  "names": []
+}

package/dist/cjs/SwipeToRefresh/ProgressLoader.js

@@ -0,0 +1,148 @@
+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 ProgressLoader_exports = {};
+__export(ProgressLoader_exports, {
+  ProgressLoader: () => ProgressLoader
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+const ProgressLoader = () => {
+  const width = 32;
+  const height = 32;
+  return /* @__PURE__ */ import_react.default.createElement("svg", {
+    viewBox: "0 0 40 40",
+    width,
+    height,
+    rotate: "20deg"
+  }, /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("clipPath", {
+    id: "prefix__clip-path"
+  }, /* @__PURE__ */ import_react.default.createElement("circle", {
+    className: "prefix__cls-1",
+    cx: -220,
+    cy: 21,
+    r: 12
+  })), /* @__PURE__ */ import_react.default.createElement("clipPath", {
+    id: "prefix__clip-path-2"
+  }, /* @__PURE__ */ import_react.default.createElement("circle", {
+    className: "prefix__cls-1",
+    cx: -220,
+    cy: 9,
+    r: 2
+  })), /* @__PURE__ */ import_react.default.createElement("clipPath", {
+    id: "prefix__clip-path-3"
+  }, /* @__PURE__ */ import_react.default.createElement("circle", {
+    className: "prefix__cls-1",
+    cx: -159.98,
+    cy: 21,
+    r: 12
+  })), /* @__PURE__ */ import_react.default.createElement("clipPath", {
+    id: "prefix__clip-path-4"
+  }, /* @__PURE__ */ import_react.default.createElement("path", {
+    className: "prefix__cls-1",
+    d: "M-146 21a14 14 0 00-14-14h-.13a2 2 0 00-2 2 2 2 0 002 2h.09a10 10 0 0110 10 2 2 0 002 2 2 2 0 002.04-2z"
+  })), /* @__PURE__ */ import_react.default.createElement("clipPath", {
+    id: "prefix__clip-path-5"
+  }, /* @__PURE__ */ import_react.default.createElement("path", {
+    className: "prefix__cls-2",
+    d: "M-151.3 27.15l-1.33-6.81a1 1 0 01.79-1.18 1.05 1.05 0 01.5 0l7 2.24a1 1 0 01.65 1.26 1 1 0 01-.33.47l-5.66 4.58a1 1 0 01-1.4-.15 1.19 1.19 0 01-.22-.41z"
+  })), /* @__PURE__ */ import_react.default.createElement("clipPath", {
+    id: "prefix__clip-path-6"
+  }, /* @__PURE__ */ import_react.default.createElement("circle", {
+    className: "prefix__cls-1",
+    cx: -99.68,
+    cy: 21.22,
+    r: 12
+  })), /* @__PURE__ */ import_react.default.createElement("clipPath", {
+    id: "prefix__clip-path-7"
+  }, /* @__PURE__ */ import_react.default.createElement("path", {
+    className: "prefix__cls-1",
+    d: "M-99.68 35.22a14 14 0 0014-14 14 14 0 00-14-14h-.26a2 2 0 00-2 2 2 2 0 002 2h.18a10 10 0 0110 10 10 10 0 01-10 10 2 2 0 00-2 2 2 2 0 002.08 2z"
+  })), /* @__PURE__ */ import_react.default.createElement("clipPath", {
+    id: "prefix__clip-path-8"
+  }, /* @__PURE__ */ import_react.default.createElement("path", {
+    className: "prefix__cls-2",
+    d: "M-106.26 30l6.73-1.44a1 1 0 011.19.77 1 1 0 010 .48l-1.84 6.65a1 1 0 01-1.24.7 1.1 1.1 0 01-.46-.28l-4.88-5.22a1 1 0 010-1.42 1.05 1.05 0 01.5-.24z"
+  })), /* @__PURE__ */ import_react.default.createElement("clipPath", {
+    id: "prefix__clip-path-9"
+  }, /* @__PURE__ */ import_react.default.createElement("circle", {
+    className: "prefix__cls-1",
+    cx: -39.52,
+    cy: 21.9,
+    r: 12
+  })), /* @__PURE__ */ import_react.default.createElement("clipPath", {
+    id: "prefix__clip-path-10"
+  }, /* @__PURE__ */ import_react.default.createElement("path", {
+    className: "prefix__cls-1",
+    d: "M-53.52 21.9a14 14 0 0014 14 14 14 0 0014-14 14 14 0 00-14-14h-.39a2 2 0 00-1.94 2 2 2 0 002.05 2h.28a10 10 0 0110 10 10 10 0 01-10 10 10 10 0 01-10-10 2 2 0 00-2-2 2 2 0 00-2 2z"
+  })), /* @__PURE__ */ import_react.default.createElement("clipPath", {
+    id: "prefix__clip-path-11"
+  }, /* @__PURE__ */ import_react.default.createElement("path", {
+    className: "prefix__cls-2",
+    d: "M-47.67 14.9l1 6.87a1 1 0 01-.85 1.13 1.07 1.07 0 01-.47 0l-6.77-2.35a1 1 0 01-.61-1.27 1 1 0 01.33-.47l5.8-4.51a1 1 0 011.4.18.94.94 0 01.17.42z"
+  })), /* @__PURE__ */ import_react.default.createElement("clipPath", {
+    id: "prefix__clip-path-12"
+  }, /* @__PURE__ */ import_react.default.createElement("path", {
+    className: "prefix__cls-1",
+    d: "M34.48 21.9a14.2 14.2 0 100 .37 2 2 0 00-4-.11 9.76 9.76 0 110-.26 2 2 0 004 0z"
+  })), /* @__PURE__ */ import_react.default.createElement("clipPath", {
+    id: "prefix__clip-path-13"
+  }, /* @__PURE__ */ import_react.default.createElement("path", {
+    className: "prefix__cls-1",
+    d: "M-155.52-51.1h282v114h-282z"
+  })), /* @__PURE__ */ import_react.default.createElement("clipPath", {
+    id: "prefix__clip-path-14"
+  }, /* @__PURE__ */ import_react.default.createElement("path", {
+    className: "prefix__cls-1",
+    d: "M4.48 5.9h32v32h-32z"
+  })), /* @__PURE__ */ import_react.default.createElement("clipPath", {
+    id: "prefix__clip-path-15"
+  }, /* @__PURE__ */ import_react.default.createElement("path", {
+    className: "prefix__cls-2",
+    d: "M26.13 11.91l-6.53 1.87a1 1 0 01-1.24-.68.94.94 0 010-.5l1.48-6.43A1 1 0 0121 5.42a1.07 1.07 0 01.45.23l5 4.55a1 1 0 01.08 1.41 1.12 1.12 0 01-.4.3z"
+  })), /* @__PURE__ */ import_react.default.createElement("style", null, ".prefix__cls-1,.prefix__cls-2{fill:none}.prefix__cls-2{clip-rule:evenodd}.prefix__cls-15{clip-path:url(#prefix__clip-path-13)}")), /* @__PURE__ */ import_react.default.createElement("g", {
+    id: "prefix__Layer_5",
+    "data-name": "Layer 5"
+  }, /* @__PURE__ */ import_react.default.createElement("g", {
+    clipPath: "url(#prefix__clip-path-12)"
+  }, /* @__PURE__ */ import_react.default.createElement("g", {
+    clipPath: "url(#prefix__clip-path-14)"
+  }, /* @__PURE__ */ import_react.default.createElement("image", {
+    width: 32,
+    height: 32,
+    transform: "rotate(-90 21.19 16.71)",
+    xlinkHref: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsSAAALEgHS3X78AAACA0lEQVRYR+3XTY7UMBDF8X+VnfR0SwiE2IzEBWDLHbgAHIyDwFVYcwDEEiSE5iOx32PhboYVs5ig2bQlL6KUlJ+fK44Sbz58No848r6C/z3OgDPgDDgDzoAz4NEB9b6CzUYtlIuJw1x5OhV2Nbmo+XDAp/cv7yv553gw4N3Hr7x9fcmr58mLHeynZA4zFygBGWOfIyAYkzheewMAwJcf18CeywM8u4BDMYcaTCWoGdQwCZQcqDih8DaA79cr3+YCzNxKPJngMAUXKeaEuQSlBFWQERRMJoRjG8BVFz+Xzq42oNIESxf7GuxqMHUzpZkTagaZQdFIYxNAdHG1dn4tyZQJJDKsNnuZuSRzgUUDUsPj4blRAu7iponrJqalkVEZCCMHTaIJppK0Y+PVNKmNegCbW5mbLuaeTE0UABIDvUA3dImWUEsyMVa/CcCGbnPbxFLETQsywDFePBlcQIbJIAtl0LfqAQMp0ZUsXdSM4xkQJMEpCRvEgHSbnhsBsMHQbJrGXGVqEyXKOHGIUxlK6AzINgDANt2wyjSJVUGGyd4pJMvx6AH+pOGtEggb5BGrzNo9ujxM6RBhHKdf0ACME8xGryGAYkDaMYkmUQJaJKUPzF0GRwQbJQCQ8t022FQH1dA87qX+BsD4EmwF8FhNGsBYRjIK00P0SNYuCskaoxnRaMzfAeIT7ZHlq9QAAAAASUVORK5CYII="
+  }))), /* @__PURE__ */ import_react.default.createElement("g", {
+    clipPath: "url(#prefix__clip-path-15)"
+  }, /* @__PURE__ */ import_react.default.createElement("path", {
+    transform: "rotate(-77 22.961 10.28)",
+    fill: "#3590ce",
+    d: "M13.66 1.31h18.6v17.94h-18.6z"
+  }))));
+};
+module.exports = __toCommonJS(ProgressLoader_exports);
+//# sourceMappingURL=ProgressLoader.js.map

package/dist/cjs/SwipeToRefresh/ProgressLoader.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/SwipeToRefresh/ProgressLoader.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\n\nexport const ProgressLoader = () => {\n  const width = 32;\n  const height = 32;\n  return (\n    <svg viewBox=\"0 0 40 40\" width={width} height={height} rotate=\"20deg\">\n      <defs>\n        <clipPath id=\"prefix__clip-path\">\n          <circle className=\"prefix__cls-1\" cx={-220} cy={21} r={12} />\n        </clipPath>\n        <clipPath id=\"prefix__clip-path-2\">\n          <circle className=\"prefix__cls-1\" cx={-220} cy={9} r={2} />\n        </clipPath>\n        <clipPath id=\"prefix__clip-path-3\">\n          <circle className=\"prefix__cls-1\" cx={-159.98} cy={21} r={12} />\n        </clipPath>\n        <clipPath id=\"prefix__clip-path-4\">\n          <path\n            className=\"prefix__cls-1\"\n            d=\"M-146 21a14 14 0 00-14-14h-.13a2 2 0 00-2 2 2 2 0 002 2h.09a10 10 0 0110 10 2 2 0 002 2 2 2 0 002.04-2z\"\n          />\n        </clipPath>\n        <clipPath id=\"prefix__clip-path-5\">\n          <path\n            className=\"prefix__cls-2\"\n            d=\"M-151.3 27.15l-1.33-6.81a1 1 0 01.79-1.18 1.05 1.05 0 01.5 0l7 2.24a1 1 0 01.65 1.26 1 1 0 01-.33.47l-5.66 4.58a1 1 0 01-1.4-.15 1.19 1.19 0 01-.22-.41z\"\n          />\n        </clipPath>\n        <clipPath id=\"prefix__clip-path-6\">\n          <circle className=\"prefix__cls-1\" cx={-99.68} cy={21.22} r={12} />\n        </clipPath>\n        <clipPath id=\"prefix__clip-path-7\">\n          <path\n            className=\"prefix__cls-1\"\n            d=\"M-99.68 35.22a14 14 0 0014-14 14 14 0 00-14-14h-.26a2 2 0 00-2 2 2 2 0 002 2h.18a10 10 0 0110 10 10 10 0 01-10 10 2 2 0 00-2 2 2 2 0 002.08 2z\"\n          />\n        </clipPath>\n        <clipPath id=\"prefix__clip-path-8\">\n          <path\n            className=\"prefix__cls-2\"\n            d=\"M-106.26 30l6.73-1.44a1 1 0 011.19.77 1 1 0 010 .48l-1.84 6.65a1 1 0 01-1.24.7 1.1 1.1 0 01-.46-.28l-4.88-5.22a1 1 0 010-1.42 1.05 1.05 0 01.5-.24z\"\n          />\n        </clipPath>\n        <clipPath id=\"prefix__clip-path-9\">\n          <circle className=\"prefix__cls-1\" cx={-39.52} cy={21.9} r={12} />\n        </clipPath>\n        <clipPath id=\"prefix__clip-path-10\">\n          <path\n            className=\"prefix__cls-1\"\n            d=\"M-53.52 21.9a14 14 0 0014 14 14 14 0 0014-14 14 14 0 00-14-14h-.39a2 2 0 00-1.94 2 2 2 0 002.05 2h.28a10 10 0 0110 10 10 10 0 01-10 10 10 10 0 01-10-10 2 2 0 00-2-2 2 2 0 00-2 2z\"\n          />\n        </clipPath>\n        <clipPath id=\"prefix__clip-path-11\">\n          <path\n            className=\"prefix__cls-2\"\n            d=\"M-47.67 14.9l1 6.87a1 1 0 01-.85 1.13 1.07 1.07 0 01-.47 0l-6.77-2.35a1 1 0 01-.61-1.27 1 1 0 01.33-.47l5.8-4.51a1 1 0 011.4.18.94.94 0 01.17.42z\"\n          />\n        </clipPath>\n        <clipPath id=\"prefix__clip-path-12\">\n          <path\n            className=\"prefix__cls-1\"\n            d=\"M34.48 21.9a14.2 14.2 0 100 .37 2 2 0 00-4-.11 9.76 9.76 0 110-.26 2 2 0 004 0z\"\n          />\n        </clipPath>\n        <clipPath id=\"prefix__clip-path-13\">\n          <path className=\"prefix__cls-1\" d=\"M-155.52-51.1h282v114h-282z\" />\n        </clipPath>\n        <clipPath id=\"prefix__clip-path-14\">\n          <path className=\"prefix__cls-1\" d=\"M4.48 5.9h32v32h-32z\" />\n        </clipPath>\n        <clipPath id=\"prefix__clip-path-15\">\n          <path\n            className=\"prefix__cls-2\"\n            d=\"M26.13 11.91l-6.53 1.87a1 1 0 01-1.24-.68.94.94 0 010-.5l1.48-6.43A1 1 0 0121 5.42a1.07 1.07 0 01.45.23l5 4.55a1 1 0 01.08 1.41 1.12 1.12 0 01-.4.3z\"\n          />\n        </clipPath>\n        <style>\n          {\n            '.prefix__cls-1,.prefix__cls-2{fill:none}.prefix__cls-2{clip-rule:evenodd}.prefix__cls-15{clip-path:url(#prefix__clip-path-13)}'\n          }\n        </style>\n      </defs>\n      <g id=\"prefix__Layer_5\" data-name=\"Layer 5\">\n        <g clipPath=\"url(#prefix__clip-path-12)\">\n          <g clipPath=\"url(#prefix__clip-path-14)\">\n            <image\n              width={32}\n              height={32}\n              transform=\"rotate(-90 21.19 16.71)\"\n              xlinkHref=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsSAAALEgHS3X78AAACA0lEQVRYR+3XTY7UMBDF8X+VnfR0SwiE2IzEBWDLHbgAHIyDwFVYcwDEEiSE5iOx32PhboYVs5ig2bQlL6KUlJ+fK44Sbz58No848r6C/z3OgDPgDDgDzoAz4NEB9b6CzUYtlIuJw1x5OhV2Nbmo+XDAp/cv7yv553gw4N3Hr7x9fcmr58mLHeynZA4zFygBGWOfIyAYkzheewMAwJcf18CeywM8u4BDMYcaTCWoGdQwCZQcqDih8DaA79cr3+YCzNxKPJngMAUXKeaEuQSlBFWQERRMJoRjG8BVFz+Xzq42oNIESxf7GuxqMHUzpZkTagaZQdFIYxNAdHG1dn4tyZQJJDKsNnuZuSRzgUUDUsPj4blRAu7iponrJqalkVEZCCMHTaIJppK0Y+PVNKmNegCbW5mbLuaeTE0UABIDvUA3dImWUEsyMVa/CcCGbnPbxFLETQsywDFePBlcQIbJIAtl0LfqAQMp0ZUsXdSM4xkQJMEpCRvEgHSbnhsBsMHQbJrGXGVqEyXKOHGIUxlK6AzINgDANt2wyjSJVUGGyd4pJMvx6AH+pOGtEggb5BGrzNo9ujxM6RBhHKdf0ACME8xGryGAYkDaMYkmUQJaJKUPzF0GRwQbJQCQ8t022FQH1dA87qX+BsD4EmwF8FhNGsBYRjIK00P0SNYuCskaoxnRaMzfAeIT7ZHlq9QAAAAASUVORK5CYII=\"\n            />\n          </g>\n        </g>\n        <g clipPath=\"url(#prefix__clip-path-15)\">\n          <path\n            transform=\"rotate(-77 22.961 10.28)\"\n            fill=\"#3590ce\"\n            d=\"M13.66 1.31h18.6v17.94h-18.6z\"\n          />\n        </g>\n      </g>\n    </svg>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAEX,MAAM,iBAAiB,MAAM;AAClC,QAAM,QAAQ;AACd,QAAM,SAAS;AACf,SACE,mDAAC,OAAD;AAAA,IAAK,SAAQ;AAAA,IAAY;AAAA,IAAc;AAAA,IAAgB,QAAO;AAAA,KAC5D,mDAAC,QAAD,MACE,mDAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,mDAAC,UAAD;AAAA,IAAQ,WAAU;AAAA,IAAgB,IAAI;AAAA,IAAM,IAAI;AAAA,IAAI,GAAG;AAAA,OAEzD,mDAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,mDAAC,UAAD;AAAA,IAAQ,WAAU;AAAA,IAAgB,IAAI;AAAA,IAAM,IAAI;AAAA,IAAG,GAAG;AAAA,OAExD,mDAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,mDAAC,UAAD;AAAA,IAAQ,WAAU;AAAA,IAAgB,IAAI;AAAA,IAAS,IAAI;AAAA,IAAI,GAAG;AAAA,OAE5D,mDAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,mDAAC,QAAD;AAAA,IACE,WAAU;AAAA,IACV,GAAE;AAAA,OAGN,mDAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,mDAAC,QAAD;AAAA,IACE,WAAU;AAAA,IACV,GAAE;AAAA,OAGN,mDAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,mDAAC,UAAD;AAAA,IAAQ,WAAU;AAAA,IAAgB,IAAI;AAAA,IAAQ,IAAI;AAAA,IAAO,GAAG;AAAA,OAE9D,mDAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,mDAAC,QAAD;AAAA,IACE,WAAU;AAAA,IACV,GAAE;AAAA,OAGN,mDAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,mDAAC,QAAD;AAAA,IACE,WAAU;AAAA,IACV,GAAE;AAAA,OAGN,mDAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,mDAAC,UAAD;AAAA,IAAQ,WAAU;AAAA,IAAgB,IAAI;AAAA,IAAQ,IAAI;AAAA,IAAM,GAAG;AAAA,OAE7D,mDAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,mDAAC,QAAD;AAAA,IACE,WAAU;AAAA,IACV,GAAE;AAAA,OAGN,mDAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,mDAAC,QAAD;AAAA,IACE,WAAU;AAAA,IACV,GAAE;AAAA,OAGN,mDAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,mDAAC,QAAD;AAAA,IACE,WAAU;AAAA,IACV,GAAE;AAAA,OAGN,mDAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,mDAAC,QAAD;AAAA,IAAM,WAAU;AAAA,IAAgB,GAAE;AAAA,OAEpC,mDAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,mDAAC,QAAD;AAAA,IAAM,WAAU;AAAA,IAAgB,GAAE;AAAA,OAEpC,mDAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,mDAAC,QAAD;AAAA,IACE,WAAU;AAAA,IACV,GAAE;AAAA,OAGN,mDAAC,SAAD,MAEI,oIAIN,mDAAC,KAAD;AAAA,IAAG,IAAG;AAAA,IAAkB,aAAU;AAAA,KAChC,mDAAC,KAAD;AAAA,IAAG,UAAS;AAAA,KACV,mDAAC,KAAD;AAAA,IAAG,UAAS;AAAA,KACV,mDAAC,SAAD;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,WAAU;AAAA,IACV,WAAU;AAAA,QAIhB,mDAAC,KAAD;AAAA,IAAG,UAAS;AAAA,KACV,mDAAC,QAAD;AAAA,IACE,WAAU;AAAA,IACV,MAAK;AAAA,IACL,GAAE;AAAA;AAAA;",
+  "names": []
+}