@mycause/ui 0.0.0-c4be5cf7 → 0.0.0-c4d5b14e

package/donation/esm/components/list/list.js

@@ -0,0 +1,152 @@
+import { objectSpread2 as _objectSpread2, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import _pt from 'prop-types';
+import _JSXStyle from 'styled-jsx/style';
+import React, { useState, Fragment } from 'react';
+import Icon from '../icon/icon.js';
+import classnames from 'classnames';
+import MDCList, { ListItem, ListItemGraphic, ListItemText, ListItemMeta, ListDivider } from '@material/react-list';
+import omit from 'lodash/omit';
+import Text from '../text/text.js';
+
+const List = _ref => {
+  let {
+    items,
+    divider,
+    fullWidth,
+    iconWidth,
+    centerText,
+    itemHeight,
+    overflowHidden,
+    breakspaces,
+    iconsNotRounded,
+    style,
+    textGap = "10px",
+    setItems,
+    showToggleMeta,
+    tooltipArrow = 36
+  } = _ref;
+  const [toolTipVisible, setToolTipVisible] = useState(items.map(() => false));
+  const scope = {
+    styles: /*#__PURE__*/React.createElement(_JSXStyle, {
+      id: "2793888",
+      dynamic: [itemHeight, fullWidth && "100%", fullWidth && "100%", fullWidth && "100%", centerText && "center", breakspaces && "break-spaces !important"]
+    }, `.main-list-meta.__jsx-style-dynamic-selector{margin-left:10px;}.main-list-item.__jsx-style-dynamic-selector{height:${itemHeight};width:${fullWidth && "100%"};}.main-list.__jsx-style-dynamic-selector{width:${fullWidth && "100%"};}.main-list-text.__jsx-style-dynamic-selector{width:${fullWidth && "100%"};text-align:${centerText && "center"};}.mdc-list-item__text.__jsx-style-dynamic-selector{white-space:${breakspaces && "break-spaces !important"};}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxpc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdFMkIsQUFHd0IsQUFHbUIsQUFJRCxBQUdBLEFBSU0saUJBYjNDLGtCQU9BLEFBRzBDLENBUEwsS0FXckMsOEJBVkEsSUFPQSIsImZpbGUiOiJsaXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBGcmFnbWVudCwgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBJY29uLCB7IEljb25Qcm9wcyB9IGZyb20gXCIuLi9pY29uL2ljb25cIjtcbmltcG9ydCBjbGFzc25hbWVzIGZyb20gXCJjbGFzc25hbWVzXCI7XG5pbXBvcnQgY3NzIGZyb20gXCJzdHlsZWQtanN4L2Nzc1wiO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gXCIuLi90ZXh0XCI7XG5pbXBvcnQgeyBDb2xvclNwZWNpZmllciB9IGZyb20gXCIuLi8uLi90aGVtZS90aGVtZVwiO1xuaW1wb3J0IE1EQ0xpc3QsIHtcbiAgTGlzdEl0ZW0sXG4gIExpc3RJdGVtVGV4dCxcbiAgTGlzdERpdmlkZXIsXG4gIExpc3RJdGVtR3JhcGhpYyxcbiAgTGlzdEl0ZW1NZXRhLFxufSBmcm9tIFwiQG1hdGVyaWFsL3JlYWN0LWxpc3RcIjtcbmltcG9ydCBvbWl0IGZyb20gXCJsb2Rhc2gvb21pdFwiO1xuXG5leHBvcnQgdHlwZSBJdGVtVHlwZSA9IHtcbiAgaWQ/OiBzdHJpbmc7XG4gIG1ldGFub3NwYWNlPzogYm9vbGVhbjtcbiAgaWNvbj86IEljb25Qcm9wcyAmIHtcbiAgICB0b29sdGlwPzogc3RyaW5nO1xuICAgIHRvb2x0aXBoZWlnaHQ/OiBudW1iZXI7XG4gICAgYXJyb3c/OiBzdHJpbmc7XG4gIH07XG4gIHByaW1hcnl0ZXh0Pzogc3RyaW5nO1xuICBwcmltYXJ5dGV4dGNvbG9yPzogQ29sb3JTcGVjaWZpZXI7XG4gIHNlY29uZGFyeXRleHQ/OiBzdHJpbmc7XG4gIHNlY29uZGFyeXRleHRjb2xvcj86IENvbG9yU3BlY2lmaWVyO1xuICBvbkNsaWNrPzogKCkgPT4gdm9pZDtcbiAgaHJlZj86IHN0cmluZztcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICBzdWJ0ZXh0Pzogc3RyaW5nO1xuICBtZXRhPzogc3RyaW5nIHwgUmVhY3QuUmVhY3RFbGVtZW50PFJlYWN0LkhUTUxQcm9wczxIVE1MT3JTVkdFbGVtZW50Pj47XG4gIHN1YnRleHRhbGlnbj86IHN0cmluZztcbiAgaXRlbWNvbnRlbnQ/OiBSZWFjdC5SZWFjdEVsZW1lbnQgfCBzdHJpbmc7XG4gIGNvbnRlbnR2aXNpYmxlPzogYm9vbGVhbjtcbn07XG5cbmV4cG9ydCB0eXBlIExpc3RQcm9wcyA9IHtcbiAgZGl2aWRlcj86IGJvb2xlYW47XG4gIGljb25XaWR0aD86IHN0cmluZztcbiAgaXRlbUhlaWdodD86IHN0cmluZztcbiAgZnVsbFdpZHRoPzogYm9vbGVhbjtcbiAgY2VudGVyVGV4dD86IGJvb2xlYW47XG4gIG92ZXJmbG93SGlkZGVuPzogYm9vbGVhbjtcbiAgaWNvbnNOb3RSb3VuZGVkPzogYm9vbGVhbjtcbiAgc3R5bGU/OiBvYmplY3Q7XG4gIHRleHRHYXA/OiBzdHJpbmc7XG4gIGJyZWFrc3BhY2VzPzogYm9vbGVhbjtcbiAgc2hvd1RvZ2dsZU1ldGE/OiBib29sZWFuO1xuICBzZXRJdGVtcz86IChlOiBBcnJheTxJdGVtVHlwZT4pID0+IHZvaWQ7XG4gIGl0ZW1zOiBBcnJheTxJdGVtVHlwZT47XG4gIHRvb2x0aXBBcnJvdz86IG51bWJlcjtcbn07XG5cbmNvbnN0IExpc3QgPSAoe1xuICBpdGVtcyxcbiAgZGl2aWRlcixcbiAgZnVsbFdpZHRoLFxuICBpY29uV2lkdGgsXG4gIGNlbnRlclRleHQsXG4gIGl0ZW1IZWlnaHQsXG4gIG92ZXJmbG93SGlkZGVuLFxuICBicmVha3NwYWNlcyxcbiAgaWNvbnNOb3RSb3VuZGVkLFxuICBzdHlsZSxcbiAgdGV4dEdhcCA9IFwiMTBweFwiLFxuICBzZXRJdGVtcyxcbiAgc2hvd1RvZ2dsZU1ldGEsXG4gIHRvb2x0aXBBcnJvdyA9IDM2LFxufTogTGlzdFByb3BzKSA9PiB7XG4gIGNvbnN0IFt0b29sVGlwVmlzaWJsZSwgc2V0VG9vbFRpcFZpc2libGVdID0gdXNlU3RhdGUoaXRlbXMubWFwKCgpID0+IGZhbHNlKSk7XG5cbiAgY29uc3Qgc2NvcGUgPSBjc3MucmVzb2x2ZWBcbiAgICAubWFpbi1saXN0LW1ldGEge1xuICAgICAgbWFyZ2luLWxlZnQ6IDEwcHg7XG4gICAgfVxuICAgIC5tYWluLWxpc3QtaXRlbSB7XG4gICAgICBoZWlnaHQ6ICR7aXRlbUhlaWdodH07XG4gICAgICB3aWR0aDogJHtmdWxsV2lkdGggJiYgXCIxMDAlXCJ9O1xuICAgIH1cbiAgICAubWFpbi1saXN0IHtcbiAgICAgIHdpZHRoOiAke2Z1bGxXaWR0aCAmJiBcIjEwMCVcIn07XG4gICAgfVxuICAgIC5tYWluLWxpc3QtdGV4dCB7XG4gICAgICB3aWR0aDogJHtmdWxsV2lkdGggJiYgXCIxMDAlXCJ9O1xuICAgICAgdGV4dC1hbGlnbjogJHtjZW50ZXJUZXh0ICYmIFwiY2VudGVyXCJ9O1xuICAgIH1cbiAgICAubWRjLWxpc3QtaXRlbV9fdGV4dCB7XG4gICAgICB3aGl0ZS1zcGFjZTogJHticmVha3NwYWNlcyAmJiBcImJyZWFrLXNwYWNlcyAhaW1wb3J0YW50XCJ9O1xuICAgIH1cbiAgYDtcblxuICBjb25zdCB0b2dnbGUgPSAodGFyZ2V0OiBzdHJpbmcpID0+IHtcbiAgICBjb25zdCByZU1hcEl0ZW1zID0gaXRlbXMubWFwKHJlcyA9PiB7XG4gICAgICBpZiAocmVzLmlkID09PSB0YXJnZXQpIHtcbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAuLi5yZXMsXG4gICAgICAgICAgY29udGVudHZpc2libGU6ICFyZXMuY29udGVudHZpc2libGUsXG4gICAgICAgIH07XG4gICAgICB9XG4gICAgICByZXR1cm4gcmVzO1xuICAgIH0pO1xuICAgIHNldEl0ZW1zICYmIHNldEl0ZW1zKHJlTWFwSXRlbXMpO1xuICB9O1xuXG4gIGNvbnN0IHRyaWdnZXJUb29sVGlwU3RhdCA9IChpbmRleDogbnVtYmVyLCBzdGF0ZTogYm9vbGVhbikgPT4ge1xuICAgIGNvbnN0IG1hcHBlZFRvb2x0aXBzID0gdG9vbFRpcFZpc2libGUuc2xpY2UoKTtcbiAgICBtYXBwZWRUb29sdGlwc1tpbmRleF0gPSBzdGF0ZTtcbiAgICBzZXRUb29sVGlwVmlzaWJsZShtYXBwZWRUb29sdGlwcyk7XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8RnJhZ21lbnQ+XG4gICAgICA8TURDTGlzdFxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzbmFtZXMoXCJtYWluLWxpc3RcIiwgc2NvcGUuY2xhc3NOYW1lKX1cbiAgICAgICAgYXZhdGFyTGlzdD17dHJ1ZX1cbiAgICAgID5cbiAgICAgICAge2l0ZW1zLm1hcCgocmVzLCBrZXkpID0+IHtcbiAgICAgICAgICAvLyBPbWl0IG9uUG9pbnRlckVudGVyQ2FwdHVyZSBhbmQgb25Qb2ludGVyTGVhdmVDYXB0dXJlIGZyb20gTGlzdEl0ZW0gcHJvcHNcbiAgICAgICAgICBjb25zdCBmaWx0ZXJlZFByb3BzID0gb21pdChyZXMsIFtcbiAgICAgICAgICAgIFwib25Qb2ludGVyRW50ZXJDYXB0dXJlXCIsXG4gICAgICAgICAgICBcIm9uUG9pbnRlckxlYXZlQ2FwdHVyZVwiLFxuICAgICAgICAgIF0pO1xuXG4gICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgY2xhc3NOYW1lPXtyZXMuaWNvbiAmJiByZXMuaWNvbi50b29sdGlwID8gXCJ0b29sdGlwXCIgOiBcIlwifVxuICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBzZXRJdGVtcyAmJiB0b2dnbGUocmVzLmlkIHx8IFwiXCIpfVxuICAgICAgICAgICAgICBrZXk9e3Jlcy5pZCB8fCBrZXl9XG4gICAgICAgICAgICAgIHN0eWxlPXt7IC4uLnN0eWxlLCBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiIH19XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtyZXMuaWNvbiAmJiByZXMuaWNvbi50b29sdGlwICYmIChcbiAgICAgICAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc25hbWVzKFxuICAgICAgICAgICAgICAgICAgICBcInRvb2x0aXB0ZXh0XCIsXG4gICAgICAgICAgICAgICAgICAgIHsgYm90dG9tOiByZXMuaWNvbi5hcnJvdyA9PT0gXCJib3R0b21cIiB9LFxuICAgICAgICAgICAgICAgICAgICB7IHRvcDogcmVzLmljb24uYXJyb3cgIT0gXCJib3R0b21cIiB9LFxuICAgICAgICAgICAgICAgICAgICBzY29wZS5jbGFzc05hbWVcbiAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgICAgICAgICBib3R0b206IGAke1xuICAgICAgICAgICAgICAgICAgICAgIHJlcy5pY29uLnRvb2x0aXBoZWlnaHQgPyByZXMuaWNvbi50b29sdGlwaGVpZ2h0IDogNjBcbiAgICAgICAgICAgICAgICAgICAgfXB4YCxcbiAgICAgICAgICAgICAgICAgICAgdmlzaWJpbGl0eTogdG9vbFRpcFZpc2libGVba2V5XSA/IFwidmlzaWJsZVwiIDogXCJoaWRkZW5cIixcbiAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgPFRleHQ+e3Jlcy5pY29uLnRvb2x0aXB9PC9UZXh0PlxuICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgPExpc3RJdGVtXG4gICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc25hbWVzKFwibWFpbi1saXN0LWl0ZW1cIiwgc2NvcGUuY2xhc3NOYW1lKX1cbiAgICAgICAgICAgICAgICB7Li4uKChmaWx0ZXJlZFByb3BzIGFzIHVua25vd24pIGFzIFJlYWN0LkNvbXBvbmVudFByb3BzPFxuICAgICAgICAgICAgICAgICAgdHlwZW9mIExpc3RJdGVtXG4gICAgICAgICAgICAgICAgPil9IC8vIFBhc3MgdGhlIGZpbHRlcmVkIHByb3BzIGhlcmVcbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtyZXMuaWNvbiAmJiAoXG4gICAgICAgICAgICAgICAgICA8TGlzdEl0ZW1HcmFwaGljXG4gICAgICAgICAgICAgICAgICAgIGdyYXBoaWM9e1xuICAgICAgICAgICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAgICAgICAgIG9uTW91c2VPdmVyPXsoKSA9PiB0cmlnZ2VyVG9vbFRpcFN0YXQoa2V5LCB0cnVlKX1cbiAgICAgICAgICAgICAgICAgICAgICAgIG9uTW91c2VMZWF2ZT17KCkgPT4gdHJpZ2dlclRvb2xUaXBTdGF0KGtleSwgZmFsc2UpfVxuICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPVwidG9vbHRpcC10cmlnZ2VyXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoOiBpY29uV2lkdGggPyBpY29uV2lkdGggOiBcImF1dG9cIixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiBcImF1dG9cIixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgb3ZlcmZsb3c6IG92ZXJmbG93SGlkZGVuID8gXCJoaWRkZW5cIiA6IFwiXCIsXG4gICAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlclJhZGl1czogaWNvbnNOb3RSb3VuZGVkID8gXCIwXCIgOiBcIlwiLFxuICAgICAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICA8SWNvbiBjb2xvcj1cInByaW1hcnlcIiB7Li4ucmVzLmljb259IC8+XG4gICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICA8TGlzdEl0ZW1UZXh0XG4gICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzbmFtZXMoXG4gICAgICAgICAgICAgICAgICAgIFwibWFpbi1saXN0LXRleHRcIixcbiAgICAgICAgICAgICAgICAgICAgeyBcIm1haW4tbGlzdC10ZXh0LWxlZnRcIjogcmVzLnN1YnRleHRhbGlnbiA9PT0gXCJsZWZ0XCIgfSxcbiAgICAgICAgICAgICAgICAgICAgeyBcIm1haW4tbGlzdC10ZXh0LXJpZ2h0XCI6IHJlcy5zdWJ0ZXh0YWxpZ24gPT09IFwicmlnaHRcIiB9LFxuICAgICAgICAgICAgICAgICAgICBzY29wZS5jbGFzc05hbWVcbiAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICBwcmltYXJ5VGV4dD17XG4gICAgICAgICAgICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICAgICAgICAgICAge3Jlcy5wcmltYXJ5dGV4dCAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgICA8VGV4dCBjb2xvcj17cmVzLnByaW1hcnl0ZXh0Y29sb3J9IGJvbGQ9e3RydWV9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICB7cmVzLnByaW1hcnl0ZXh0fVxuICAgICAgICAgICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgICAge3Jlcy5zZWNvbmRhcnl0ZXh0ICYmIChcbiAgICAgICAgICAgICAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgICAgICAgICAgICAgIGNvbG9yPXtyZXMuc2Vjb25kYXJ5dGV4dGNvbG9yfVxuICAgICAgICAgICAgICAgICAgICAgICAgICBzdHlsZT17eyBwYWRkaW5nTGVmdDogdGV4dEdhcCB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgICB7cmVzLnNlY29uZGFyeXRleHR9XG4gICAgICAgICAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICBzZWNvbmRhcnlUZXh0PXtyZXMuc3VidGV4dH1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIHtyZXMubWV0YSAmJiAhc2hvd1RvZ2dsZU1ldGEgJiYgKFxuICAgICAgICAgICAgICAgICAgPExpc3RJdGVtTWV0YVxuICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzbmFtZXMoXG4gICAgICAgICAgICAgICAgICAgICAgeyBcIm1haW4tbGlzdC1tZXRhXCI6ICFyZXMubWV0YW5vc3BhY2UgfSxcbiAgICAgICAgICAgICAgICAgICAgICBzY29wZS5jbGFzc05hbWVcbiAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgICAgbWV0YT17cmVzLm1ldGF9XG4gICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAge3Nob3dUb2dnbGVNZXRhICYmIChcbiAgICAgICAgICAgICAgICAgIDxMaXN0SXRlbU1ldGFcbiAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc25hbWVzKFxuICAgICAgICAgICAgICAgICAgICAgIHsgXCJtYWluLWxpc3QtbWV0YVwiOiAhcmVzLm1ldGFub3NwYWNlIH0sXG4gICAgICAgICAgICAgICAgICAgICAgc2NvcGUuY2xhc3NOYW1lXG4gICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgIG1ldGE9e1xuICAgICAgICAgICAgICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICAgICAgICAgICAgICBjb2xvcj1cInByaW1hcnlcIlxuICAgICAgICAgICAgICAgICAgICAgICAgaWNvbj17XG4gICAgICAgICAgICAgICAgICAgICAgICAgIHJlcy5jb250ZW50dmlzaWJsZVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgID8gXCJrZXlib2FyZF9hcnJvd191cFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgOiBcImtleWJvYXJkX2Fycm93X2Rvd25cIlxuICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgPC9MaXN0SXRlbT5cbiAgICAgICAgICAgICAge3Jlcy5jb250ZW50dmlzaWJsZSAmJiByZXMuaXRlbWNvbnRlbnR9XG4gICAgICAgICAgICAgIHtkaXZpZGVyICYmIGtleSArIDEgIT0gaXRlbXMubGVuZ3RoICYmIDxMaXN0RGl2aWRlciB0YWc9XCJkaXZcIiAvPn1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICk7XG4gICAgICAgIH0pfVxuICAgICAgPC9NRENMaXN0PlxuICAgICAge3Njb3BlLnN0eWxlc31cbiAgICAgIDxzdHlsZSBqc3g+e2BcbiAgICAgICAgLnRvb2x0aXAge1xuICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgfVxuICAgICAgICAudG9vbHRpcCAudG9vbHRpcHRleHQge1xuICAgICAgICAgIHdpZHRoOiBhdXRvO1xuICAgICAgICAgIG1heC13aWR0aDogMzQxcHg7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogYmxhY2s7XG4gICAgICAgICAgY29sb3I6ICNmZmY7XG4gICAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAgICAgIHBhZGRpbmc6IDEwcHg7XG4gICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgIHotaW5kZXg6IDE7XG4gICAgICAgIH1cbiAgICAgICAgLnRvb2x0aXAgLnRvcDo6YWZ0ZXIge1xuICAgICAgICAgIGNvbnRlbnQ6IFwiIFwiO1xuICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICB0b3A6IDEwMCU7XG4gICAgICAgICAgbGVmdDogJHt0b29sdGlwQXJyb3d9cHg7XG4gICAgICAgICAgbWFyZ2luLWxlZnQ6IC01cHg7XG4gICAgICAgICAgYm9yZGVyLXdpZHRoOiA1cHg7XG4gICAgICAgICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICAgICAgICBib3JkZXItY29sb3I6IGJsYWNrIHRyYW5zcGFyZW50IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50O1xuICAgICAgICB9XG5cbiAgICAgICAgLnRvb2x0aXAgLmJvdHRvbTo6YWZ0ZXIge1xuICAgICAgICAgIGNvbnRlbnQ6IFwiIFwiO1xuICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICBib3R0b206IDEwMCU7XG4gICAgICAgICAgbGVmdDogJHt0b29sdGlwQXJyb3d9cHg7XG4gICAgICAgICAgbWFyZ2luLWxlZnQ6IC01cHg7XG4gICAgICAgICAgYm9yZGVyLXdpZHRoOiA1cHg7XG4gICAgICAgICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICAgICAgICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50IGJsYWNrIHRyYW5zcGFyZW50O1xuICAgICAgICB9XG4gICAgICBgfTwvc3R5bGU+XG4gICAgPC9GcmFnbWVudD5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IExpc3Q7XG4iXX0= */
+/*@ sourceURL=list.tsx */`),
+    className: _JSXStyle.dynamic([["2793888", [itemHeight, fullWidth && "100%", fullWidth && "100%", fullWidth && "100%", centerText && "center", breakspaces && "break-spaces !important"]]])
+  };
+  const toggle = target => {
+    const reMapItems = items.map(res => {
+      if (res.id === target) {
+        return _objectSpread2(_objectSpread2({}, res), {}, {
+          contentvisible: !res.contentvisible
+        });
+      }
+      return res;
+    });
+    setItems && setItems(reMapItems);
+  };
+  const triggerToolTipStat = (index, state) => {
+    const mappedTooltips = toolTipVisible.slice();
+    mappedTooltips[index] = state;
+    setToolTipVisible(mappedTooltips);
+  };
+  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(MDCList, {
+    className: classnames("main-list", scope.className),
+    avatarList: true
+  }, items.map((res, key) => {
+    // Omit onPointerEnterCapture and onPointerLeaveCapture from ListItem props
+    const filteredProps = omit(res, ["onPointerEnterCapture", "onPointerLeaveCapture"]);
+    return /*#__PURE__*/React.createElement("div", {
+      onClick: () => setItems && toggle(res.id || ""),
+      key: res.id || key,
+      style: _objectSpread2(_objectSpread2({}, style), {}, {
+        position: "relative"
+      }),
+      className: _JSXStyle.dynamic([["4091099598", [tooltipArrow, tooltipArrow]]]) + " " + ((res.icon && res.icon.tooltip ? "tooltip" : "") || "")
+    }, res.icon && res.icon.tooltip && /*#__PURE__*/React.createElement("span", {
+      style: {
+        bottom: `${res.icon.tooltipheight ? res.icon.tooltipheight : 60}px`,
+        visibility: toolTipVisible[key] ? "visible" : "hidden"
+      },
+      className: _JSXStyle.dynamic([["4091099598", [tooltipArrow, tooltipArrow]]]) + " " + (classnames("tooltiptext", {
+        bottom: res.icon.arrow === "bottom"
+      }, {
+        top: res.icon.arrow != "bottom"
+      }, scope.className) || "")
+    }, /*#__PURE__*/React.createElement(Text, null, res.icon.tooltip)), /*#__PURE__*/React.createElement(ListItem, _extends({
+      className: classnames("main-list-item", scope.className)
+    }, filteredProps), res.icon && /*#__PURE__*/React.createElement(ListItemGraphic, {
+      graphic: /*#__PURE__*/React.createElement("div", {
+        onMouseOver: () => triggerToolTipStat(key, true),
+        onMouseLeave: () => triggerToolTipStat(key, false),
+        style: {
+          width: iconWidth ? iconWidth : "auto",
+          height: "auto",
+          overflow: overflowHidden ? "hidden" : "",
+          borderRadius: iconsNotRounded ? "0" : ""
+        },
+        className: _JSXStyle.dynamic([["4091099598", [tooltipArrow, tooltipArrow]]]) + " " + "tooltip-trigger"
+      }, /*#__PURE__*/React.createElement(Icon, _extends({
+        color: "primary"
+      }, res.icon)))
+    }), /*#__PURE__*/React.createElement(ListItemText, {
+      className: classnames("main-list-text", {
+        "main-list-text-left": res.subtextalign === "left"
+      }, {
+        "main-list-text-right": res.subtextalign === "right"
+      }, scope.className),
+      primaryText: /*#__PURE__*/React.createElement("div", {
+        className: _JSXStyle.dynamic([["4091099598", [tooltipArrow, tooltipArrow]]])
+      }, res.primarytext && /*#__PURE__*/React.createElement(Text, {
+        color: res.primarytextcolor,
+        bold: true
+      }, res.primarytext), res.secondarytext && /*#__PURE__*/React.createElement(Text, {
+        color: res.secondarytextcolor,
+        style: {
+          paddingLeft: textGap
+        }
+      }, res.secondarytext)),
+      secondaryText: res.subtext
+    }), res.meta && !showToggleMeta && /*#__PURE__*/React.createElement(ListItemMeta, {
+      className: classnames({
+        "main-list-meta": !res.metanospace
+      }, scope.className),
+      meta: res.meta
+    }), showToggleMeta && /*#__PURE__*/React.createElement(ListItemMeta, {
+      className: classnames({
+        "main-list-meta": !res.metanospace
+      }, scope.className),
+      meta: /*#__PURE__*/React.createElement(Icon, {
+        color: "primary",
+        icon: res.contentvisible ? "keyboard_arrow_up" : "keyboard_arrow_down"
+      })
+    })), res.contentvisible && res.itemcontent, divider && key + 1 != items.length && /*#__PURE__*/React.createElement(ListDivider, {
+      tag: "div"
+    }));
+  })), scope.styles, /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: "4091099598",
+    dynamic: [tooltipArrow, tooltipArrow]
+  }, `.tooltip.__jsx-style-dynamic-selector{position:relative;}.tooltip.__jsx-style-dynamic-selector .tooltiptext.__jsx-style-dynamic-selector{width:auto;max-width:341px;background-color:black;color:#fff;text-align:center;padding:10px;position:absolute;z-index:1;}.tooltip.__jsx-style-dynamic-selector .top.__jsx-style-dynamic-selector::after{content:" ";position:absolute;top:100%;left:${tooltipArrow}px;margin-left:-5px;border-width:5px;border-style:solid;border-color:black transparent transparent transparent;}.tooltip.__jsx-style-dynamic-selector .bottom.__jsx-style-dynamic-selector::after{content:" ";position:absolute;bottom:100%;left:${tooltipArrow}px;margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent black transparent;}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxpc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJPa0IsQUFHNkIsQUFHUCxBQVVDLEFBV0EsV0FwQkksQ0FVRSxBQVdBLE1BeEJwQixTQUl5QixHQVVkLEFBV0csU0FWd0IsR0FXQSxRQXJCekIsV0FDTyxjQVVELEdBV0EsQ0FwQkosYUFDSyxBQVNELEdBV0EsY0FWRSxDQVRULEVBb0JTLFFBbkJyQixRQVN5RCxHQVdBLG9EQVZ6RCxHQVdBIiwiZmlsZSI6Imxpc3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IEZyYWdtZW50LCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IEljb24sIHsgSWNvblByb3BzIH0gZnJvbSBcIi4uL2ljb24vaWNvblwiO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIjtcbmltcG9ydCBjc3MgZnJvbSBcInN0eWxlZC1qc3gvY3NzXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL3RleHRcIjtcbmltcG9ydCB7IENvbG9yU3BlY2lmaWVyIH0gZnJvbSBcIi4uLy4uL3RoZW1lL3RoZW1lXCI7XG5pbXBvcnQgTURDTGlzdCwge1xuICBMaXN0SXRlbSxcbiAgTGlzdEl0ZW1UZXh0LFxuICBMaXN0RGl2aWRlcixcbiAgTGlzdEl0ZW1HcmFwaGljLFxuICBMaXN0SXRlbU1ldGEsXG59IGZyb20gXCJAbWF0ZXJpYWwvcmVhY3QtbGlzdFwiO1xuaW1wb3J0IG9taXQgZnJvbSBcImxvZGFzaC9vbWl0XCI7XG5cbmV4cG9ydCB0eXBlIEl0ZW1UeXBlID0ge1xuICBpZD86IHN0cmluZztcbiAgbWV0YW5vc3BhY2U/OiBib29sZWFuO1xuICBpY29uPzogSWNvblByb3BzICYge1xuICAgIHRvb2x0aXA/OiBzdHJpbmc7XG4gICAgdG9vbHRpcGhlaWdodD86IG51bWJlcjtcbiAgICBhcnJvdz86IHN0cmluZztcbiAgfTtcbiAgcHJpbWFyeXRleHQ/OiBzdHJpbmc7XG4gIHByaW1hcnl0ZXh0Y29sb3I/OiBDb2xvclNwZWNpZmllcjtcbiAgc2Vjb25kYXJ5dGV4dD86IHN0cmluZztcbiAgc2Vjb25kYXJ5dGV4dGNvbG9yPzogQ29sb3JTcGVjaWZpZXI7XG4gIG9uQ2xpY2s/OiAoKSA9PiB2b2lkO1xuICBocmVmPzogc3RyaW5nO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIHN1YnRleHQ/OiBzdHJpbmc7XG4gIG1ldGE/OiBzdHJpbmcgfCBSZWFjdC5SZWFjdEVsZW1lbnQ8UmVhY3QuSFRNTFByb3BzPEhUTUxPclNWR0VsZW1lbnQ+PjtcbiAgc3VidGV4dGFsaWduPzogc3RyaW5nO1xuICBpdGVtY29udGVudD86IFJlYWN0LlJlYWN0RWxlbWVudCB8IHN0cmluZztcbiAgY29udGVudHZpc2libGU/OiBib29sZWFuO1xufTtcblxuZXhwb3J0IHR5cGUgTGlzdFByb3BzID0ge1xuICBkaXZpZGVyPzogYm9vbGVhbjtcbiAgaWNvbldpZHRoPzogc3RyaW5nO1xuICBpdGVtSGVpZ2h0Pzogc3RyaW5nO1xuICBmdWxsV2lkdGg/OiBib29sZWFuO1xuICBjZW50ZXJUZXh0PzogYm9vbGVhbjtcbiAgb3ZlcmZsb3dIaWRkZW4/OiBib29sZWFuO1xuICBpY29uc05vdFJvdW5kZWQ/OiBib29sZWFuO1xuICBzdHlsZT86IG9iamVjdDtcbiAgdGV4dEdhcD86IHN0cmluZztcbiAgYnJlYWtzcGFjZXM/OiBib29sZWFuO1xuICBzaG93VG9nZ2xlTWV0YT86IGJvb2xlYW47XG4gIHNldEl0ZW1zPzogKGU6IEFycmF5PEl0ZW1UeXBlPikgPT4gdm9pZDtcbiAgaXRlbXM6IEFycmF5PEl0ZW1UeXBlPjtcbiAgdG9vbHRpcEFycm93PzogbnVtYmVyO1xufTtcblxuY29uc3QgTGlzdCA9ICh7XG4gIGl0ZW1zLFxuICBkaXZpZGVyLFxuICBmdWxsV2lkdGgsXG4gIGljb25XaWR0aCxcbiAgY2VudGVyVGV4dCxcbiAgaXRlbUhlaWdodCxcbiAgb3ZlcmZsb3dIaWRkZW4sXG4gIGJyZWFrc3BhY2VzLFxuICBpY29uc05vdFJvdW5kZWQsXG4gIHN0eWxlLFxuICB0ZXh0R2FwID0gXCIxMHB4XCIsXG4gIHNldEl0ZW1zLFxuICBzaG93VG9nZ2xlTWV0YSxcbiAgdG9vbHRpcEFycm93ID0gMzYsXG59OiBMaXN0UHJvcHMpID0+IHtcbiAgY29uc3QgW3Rvb2xUaXBWaXNpYmxlLCBzZXRUb29sVGlwVmlzaWJsZV0gPSB1c2VTdGF0ZShpdGVtcy5tYXAoKCkgPT4gZmFsc2UpKTtcblxuICBjb25zdCBzY29wZSA9IGNzcy5yZXNvbHZlYFxuICAgIC5tYWluLWxpc3QtbWV0YSB7XG4gICAgICBtYXJnaW4tbGVmdDogMTBweDtcbiAgICB9XG4gICAgLm1haW4tbGlzdC1pdGVtIHtcbiAgICAgIGhlaWdodDogJHtpdGVtSGVpZ2h0fTtcbiAgICAgIHdpZHRoOiAke2Z1bGxXaWR0aCAmJiBcIjEwMCVcIn07XG4gICAgfVxuICAgIC5tYWluLWxpc3Qge1xuICAgICAgd2lkdGg6ICR7ZnVsbFdpZHRoICYmIFwiMTAwJVwifTtcbiAgICB9XG4gICAgLm1haW4tbGlzdC10ZXh0IHtcbiAgICAgIHdpZHRoOiAke2Z1bGxXaWR0aCAmJiBcIjEwMCVcIn07XG4gICAgICB0ZXh0LWFsaWduOiAke2NlbnRlclRleHQgJiYgXCJjZW50ZXJcIn07XG4gICAgfVxuICAgIC5tZGMtbGlzdC1pdGVtX190ZXh0IHtcbiAgICAgIHdoaXRlLXNwYWNlOiAke2JyZWFrc3BhY2VzICYmIFwiYnJlYWstc3BhY2VzICFpbXBvcnRhbnRcIn07XG4gICAgfVxuICBgO1xuXG4gIGNvbnN0IHRvZ2dsZSA9ICh0YXJnZXQ6IHN0cmluZykgPT4ge1xuICAgIGNvbnN0IHJlTWFwSXRlbXMgPSBpdGVtcy5tYXAocmVzID0+IHtcbiAgICAgIGlmIChyZXMuaWQgPT09IHRhcmdldCkge1xuICAgICAgICByZXR1cm4ge1xuICAgICAgICAgIC4uLnJlcyxcbiAgICAgICAgICBjb250ZW50dmlzaWJsZTogIXJlcy5jb250ZW50dmlzaWJsZSxcbiAgICAgICAgfTtcbiAgICAgIH1cbiAgICAgIHJldHVybiByZXM7XG4gICAgfSk7XG4gICAgc2V0SXRlbXMgJiYgc2V0SXRlbXMocmVNYXBJdGVtcyk7XG4gIH07XG5cbiAgY29uc3QgdHJpZ2dlclRvb2xUaXBTdGF0ID0gKGluZGV4OiBudW1iZXIsIHN0YXRlOiBib29sZWFuKSA9PiB7XG4gICAgY29uc3QgbWFwcGVkVG9vbHRpcHMgPSB0b29sVGlwVmlzaWJsZS5zbGljZSgpO1xuICAgIG1hcHBlZFRvb2x0aXBzW2luZGV4XSA9IHN0YXRlO1xuICAgIHNldFRvb2xUaXBWaXNpYmxlKG1hcHBlZFRvb2x0aXBzKTtcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxGcmFnbWVudD5cbiAgICAgIDxNRENMaXN0XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NuYW1lcyhcIm1haW4tbGlzdFwiLCBzY29wZS5jbGFzc05hbWUpfVxuICAgICAgICBhdmF0YXJMaXN0PXt0cnVlfVxuICAgICAgPlxuICAgICAgICB7aXRlbXMubWFwKChyZXMsIGtleSkgPT4ge1xuICAgICAgICAgIC8vIE9taXQgb25Qb2ludGVyRW50ZXJDYXB0dXJlIGFuZCBvblBvaW50ZXJMZWF2ZUNhcHR1cmUgZnJvbSBMaXN0SXRlbSBwcm9wc1xuICAgICAgICAgIGNvbnN0IGZpbHRlcmVkUHJvcHMgPSBvbWl0KHJlcywgW1xuICAgICAgICAgICAgXCJvblBvaW50ZXJFbnRlckNhcHR1cmVcIixcbiAgICAgICAgICAgIFwib25Qb2ludGVyTGVhdmVDYXB0dXJlXCIsXG4gICAgICAgICAgXSk7XG5cbiAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICBjbGFzc05hbWU9e3Jlcy5pY29uICYmIHJlcy5pY29uLnRvb2x0aXAgPyBcInRvb2x0aXBcIiA6IFwiXCJ9XG4gICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHNldEl0ZW1zICYmIHRvZ2dsZShyZXMuaWQgfHwgXCJcIil9XG4gICAgICAgICAgICAgIGtleT17cmVzLmlkIHx8IGtleX1cbiAgICAgICAgICAgICAgc3R5bGU9e3sgLi4uc3R5bGUsIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge3Jlcy5pY29uICYmIHJlcy5pY29uLnRvb2x0aXAgJiYgKFxuICAgICAgICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzbmFtZXMoXG4gICAgICAgICAgICAgICAgICAgIFwidG9vbHRpcHRleHRcIixcbiAgICAgICAgICAgICAgICAgICAgeyBib3R0b206IHJlcy5pY29uLmFycm93ID09PSBcImJvdHRvbVwiIH0sXG4gICAgICAgICAgICAgICAgICAgIHsgdG9wOiByZXMuaWNvbi5hcnJvdyAhPSBcImJvdHRvbVwiIH0sXG4gICAgICAgICAgICAgICAgICAgIHNjb3BlLmNsYXNzTmFtZVxuICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICAgICAgICAgIGJvdHRvbTogYCR7XG4gICAgICAgICAgICAgICAgICAgICAgcmVzLmljb24udG9vbHRpcGhlaWdodCA/IHJlcy5pY29uLnRvb2x0aXBoZWlnaHQgOiA2MFxuICAgICAgICAgICAgICAgICAgICB9cHhgLFxuICAgICAgICAgICAgICAgICAgICB2aXNpYmlsaXR5OiB0b29sVGlwVmlzaWJsZVtrZXldID8gXCJ2aXNpYmxlXCIgOiBcImhpZGRlblwiLFxuICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICA8VGV4dD57cmVzLmljb24udG9vbHRpcH08L1RleHQ+XG4gICAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICA8TGlzdEl0ZW1cbiAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzbmFtZXMoXCJtYWluLWxpc3QtaXRlbVwiLCBzY29wZS5jbGFzc05hbWUpfVxuICAgICAgICAgICAgICAgIHsuLi4oKGZpbHRlcmVkUHJvcHMgYXMgdW5rbm93bikgYXMgUmVhY3QuQ29tcG9uZW50UHJvcHM8XG4gICAgICAgICAgICAgICAgICB0eXBlb2YgTGlzdEl0ZW1cbiAgICAgICAgICAgICAgICA+KX0gLy8gUGFzcyB0aGUgZmlsdGVyZWQgcHJvcHMgaGVyZVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3Jlcy5pY29uICYmIChcbiAgICAgICAgICAgICAgICAgIDxMaXN0SXRlbUdyYXBoaWNcbiAgICAgICAgICAgICAgICAgICAgZ3JhcGhpYz17XG4gICAgICAgICAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgICAgICAgICAgb25Nb3VzZU92ZXI9eygpID0+IHRyaWdnZXJUb29sVGlwU3RhdChrZXksIHRydWUpfVxuICAgICAgICAgICAgICAgICAgICAgICAgb25Nb3VzZUxlYXZlPXsoKSA9PiB0cmlnZ2VyVG9vbFRpcFN0YXQoa2V5LCBmYWxzZSl9XG4gICAgICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9XCJ0b29sdGlwLXRyaWdnZXJcIlxuICAgICAgICAgICAgICAgICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGg6IGljb25XaWR0aCA/IGljb25XaWR0aCA6IFwiYXV0b1wiLFxuICAgICAgICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6IFwiYXV0b1wiLFxuICAgICAgICAgICAgICAgICAgICAgICAgICBvdmVyZmxvdzogb3ZlcmZsb3dIaWRkZW4gPyBcImhpZGRlblwiIDogXCJcIixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgYm9yZGVyUmFkaXVzOiBpY29uc05vdFJvdW5kZWQgPyBcIjBcIiA6IFwiXCIsXG4gICAgICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxJY29uIGNvbG9yPVwicHJpbWFyeVwiIHsuLi5yZXMuaWNvbn0gLz5cbiAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIDxMaXN0SXRlbVRleHRcbiAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NuYW1lcyhcbiAgICAgICAgICAgICAgICAgICAgXCJtYWluLWxpc3QtdGV4dFwiLFxuICAgICAgICAgICAgICAgICAgICB7IFwibWFpbi1saXN0LXRleHQtbGVmdFwiOiByZXMuc3VidGV4dGFsaWduID09PSBcImxlZnRcIiB9LFxuICAgICAgICAgICAgICAgICAgICB7IFwibWFpbi1saXN0LXRleHQtcmlnaHRcIjogcmVzLnN1YnRleHRhbGlnbiA9PT0gXCJyaWdodFwiIH0sXG4gICAgICAgICAgICAgICAgICAgIHNjb3BlLmNsYXNzTmFtZVxuICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgIHByaW1hcnlUZXh0PXtcbiAgICAgICAgICAgICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgICAgICAgICAgICB7cmVzLnByaW1hcnl0ZXh0ICYmIChcbiAgICAgICAgICAgICAgICAgICAgICAgIDxUZXh0IGNvbG9yPXtyZXMucHJpbWFyeXRleHRjb2xvcn0gYm9sZD17dHJ1ZX0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgIHtyZXMucHJpbWFyeXRleHR9XG4gICAgICAgICAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgICAgICB7cmVzLnNlY29uZGFyeXRleHQgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICAgICAgICAgICAgY29sb3I9e3Jlcy5zZWNvbmRhcnl0ZXh0Y29sb3J9XG4gICAgICAgICAgICAgICAgICAgICAgICAgIHN0eWxlPXt7IHBhZGRpbmdMZWZ0OiB0ZXh0R2FwIH19XG4gICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgIHtyZXMuc2Vjb25kYXJ5dGV4dH1cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgIHNlY29uZGFyeVRleHQ9e3Jlcy5zdWJ0ZXh0fVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAge3Jlcy5tZXRhICYmICFzaG93VG9nZ2xlTWV0YSAmJiAoXG4gICAgICAgICAgICAgICAgICA8TGlzdEl0ZW1NZXRhXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NuYW1lcyhcbiAgICAgICAgICAgICAgICAgICAgICB7IFwibWFpbi1saXN0LW1ldGFcIjogIXJlcy5tZXRhbm9zcGFjZSB9LFxuICAgICAgICAgICAgICAgICAgICAgIHNjb3BlLmNsYXNzTmFtZVxuICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICBtZXRhPXtyZXMubWV0YX1cbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICB7c2hvd1RvZ2dsZU1ldGEgJiYgKFxuICAgICAgICAgICAgICAgICAgPExpc3RJdGVtTWV0YVxuICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzbmFtZXMoXG4gICAgICAgICAgICAgICAgICAgICAgeyBcIm1haW4tbGlzdC1tZXRhXCI6ICFyZXMubWV0YW5vc3BhY2UgfSxcbiAgICAgICAgICAgICAgICAgICAgICBzY29wZS5jbGFzc05hbWVcbiAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgICAgbWV0YT17XG4gICAgICAgICAgICAgICAgICAgICAgPEljb25cbiAgICAgICAgICAgICAgICAgICAgICAgIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBpY29uPXtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgcmVzLmNvbnRlbnR2aXNpYmxlXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPyBcImtleWJvYXJkX2Fycm93X3VwXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA6IFwia2V5Ym9hcmRfYXJyb3dfZG93blwiXG4gICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICA8L0xpc3RJdGVtPlxuICAgICAgICAgICAgICB7cmVzLmNvbnRlbnR2aXNpYmxlICYmIHJlcy5pdGVtY29udGVudH1cbiAgICAgICAgICAgICAge2RpdmlkZXIgJiYga2V5ICsgMSAhPSBpdGVtcy5sZW5ndGggJiYgPExpc3REaXZpZGVyIHRhZz1cImRpdlwiIC8+fVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgKTtcbiAgICAgICAgfSl9XG4gICAgICA8L01EQ0xpc3Q+XG4gICAgICB7c2NvcGUuc3R5bGVzfVxuICAgICAgPHN0eWxlIGpzeD57YFxuICAgICAgICAudG9vbHRpcCB7XG4gICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICB9XG4gICAgICAgIC50b29sdGlwIC50b29sdGlwdGV4dCB7XG4gICAgICAgICAgd2lkdGg6IGF1dG87XG4gICAgICAgICAgbWF4LXdpZHRoOiAzNDFweDtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiBibGFjaztcbiAgICAgICAgICBjb2xvcjogI2ZmZjtcbiAgICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgICAgICAgcGFkZGluZzogMTBweDtcbiAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgei1pbmRleDogMTtcbiAgICAgICAgfVxuICAgICAgICAudG9vbHRpcCAudG9wOjphZnRlciB7XG4gICAgICAgICAgY29udGVudDogXCIgXCI7XG4gICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgIHRvcDogMTAwJTtcbiAgICAgICAgICBsZWZ0OiAke3Rvb2x0aXBBcnJvd31weDtcbiAgICAgICAgICBtYXJnaW4tbGVmdDogLTVweDtcbiAgICAgICAgICBib3JkZXItd2lkdGg6IDVweDtcbiAgICAgICAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgICAgICAgIGJvcmRlci1jb2xvcjogYmxhY2sgdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQ7XG4gICAgICAgIH1cblxuICAgICAgICAudG9vbHRpcCAuYm90dG9tOjphZnRlciB7XG4gICAgICAgICAgY29udGVudDogXCIgXCI7XG4gICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgIGJvdHRvbTogMTAwJTtcbiAgICAgICAgICBsZWZ0OiAke3Rvb2x0aXBBcnJvd31weDtcbiAgICAgICAgICBtYXJnaW4tbGVmdDogLTVweDtcbiAgICAgICAgICBib3JkZXItd2lkdGg6IDVweDtcbiAgICAgICAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgICAgICAgIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQgYmxhY2sgdHJhbnNwYXJlbnQ7XG4gICAgICAgIH1cbiAgICAgIGB9PC9zdHlsZT5cbiAgICA8L0ZyYWdtZW50PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTGlzdDtcbiJdfQ== */
+/*@ sourceURL=list.tsx */`));
+};
+List.propTypes = {
+  divider: _pt.bool,
+  iconWidth: _pt.string,
+  itemHeight: _pt.string,
+  fullWidth: _pt.bool,
+  centerText: _pt.bool,
+  overflowHidden: _pt.bool,
+  iconsNotRounded: _pt.bool,
+  style: _pt.object,
+  textGap: _pt.string,
+  breakspaces: _pt.bool,
+  showToggleMeta: _pt.bool,
+  setItems: _pt.func,
+  items: _pt.any.isRequired,
+  tooltipArrow: _pt.number
+};
+var List$1 = List;
+
+export { List$1 as default };

package/donation/esm/components/menu/menu-list-item-graphic.js

@@ -0,0 +1,2 @@
+import { MenuListItemGraphic } from '@material/react-menu';
+export { MenuListItemGraphic as default } from '@material/react-menu';

package/donation/esm/components/menu/menu-list-item-meta.js

@@ -0,0 +1,2 @@
+import { ListItemMeta } from '@material/react-list';
+export { ListItemMeta as default } from '@material/react-list';

package/donation/esm/components/menu/menu-list-item-text.js

@@ -0,0 +1,2 @@
+import { MenuListItemText } from '@material/react-menu';
+export { MenuListItemText as default } from '@material/react-menu';

package/donation/esm/components/menu/menu-list-item.js

@@ -0,0 +1,20 @@
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import _pt from 'prop-types';
+import React from 'react';
+import { MenuListItem as MenuListItem$1 } from '@material/react-menu';
+
+function MenuListItem(props) {
+  let tag = undefined;
+  // If a href is provided, use an a tag instead
+  if (typeof props.href !== "undefined") {
+    tag = "a";
+  }
+  return /*#__PURE__*/React.createElement(MenuListItem$1, _extends({
+    tag: tag
+  }, props));
+}
+MenuListItem.propTypes = {
+  href: _pt.string
+};
+
+export { MenuListItem as default };

package/donation/esm/components/menu/menu-list.js

@@ -0,0 +1,30 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import _JSXStyle from 'styled-jsx/style';
+import React from 'react';
+import classnames from 'classnames';
+import { MenuList as MenuList$1 } from '@material/react-menu';
+import { useTheme } from '../../theme/theme.js';
+
+const _excluded = ["className", "children"];
+function MenuList(_ref) {
+  let {
+      className,
+      children
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  const theme = useTheme();
+  const scope = {
+    styles: /*#__PURE__*/React.createElement(_JSXStyle, {
+      id: "3973043948",
+      dynamic: [theme.typography.fontFamily.default]
+    }, `.mdc-list.__jsx-style-dynamic-selector{font-family:${theme.typography.fontFamily.default};}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1lbnUtbGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWTJCLEFBR2dELHlDQUMzQyIsImZpbGUiOiJtZW51LWxpc3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIjtcbmltcG9ydCB7XG4gIE1lbnVMaXN0IGFzIE1EQ01lbnVMaXN0LFxuICBNZW51TGlzdFByb3BzIGFzIE1EQ01lbnVMaXN0UHJvcHMsXG59IGZyb20gXCJAbWF0ZXJpYWwvcmVhY3QtbWVudVwiO1xuaW1wb3J0IGNzcyBmcm9tIFwic3R5bGVkLWpzeC9jc3NcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uLy4uL3RoZW1lL3RoZW1lXCI7XG5cbmZ1bmN0aW9uIE1lbnVMaXN0KHsgY2xhc3NOYW1lLCBjaGlsZHJlbiwgLi4ucmVzdCB9OiBNRENNZW51TGlzdFByb3BzKSB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICBjb25zdCBzY29wZSA9IGNzcy5yZXNvbHZlYFxuICAgIC5tZGMtbGlzdCB7XG4gICAgICBmb250LWZhbWlseTogJHt0aGVtZS50eXBvZ3JhcGh5LmZvbnRGYW1pbHkuZGVmYXVsdH07XG4gICAgfVxuICBgO1xuXG4gIHJldHVybiAoXG4gICAgPE1EQ01lbnVMaXN0IGNsYXNzTmFtZT17Y2xhc3NuYW1lcyhzY29wZS5jbGFzc05hbWUsIGNsYXNzTmFtZSl9IHsuLi5yZXN0fT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIHtzY29wZS5zdHlsZXN9XG4gICAgPC9NRENNZW51TGlzdD5cbiAgKTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgTWVudUxpc3Q7XG4iXX0= */
+/*@ sourceURL=menu-list.tsx */`),
+    className: _JSXStyle.dynamic([["3973043948", [theme.typography.fontFamily.default]]])
+  };
+  return /*#__PURE__*/React.createElement(MenuList$1, _extends({
+    className: classnames(scope.className, className)
+  }, rest), children, scope.styles);
+}
+
+export { MenuList as default };

package/donation/esm/components/menu/menu-surface.js

@@ -0,0 +1,2 @@
+import MenuSurface from '@material/react-menu-surface';
+export { Corner as MenuCorner, default } from '@material/react-menu-surface';

package/donation/esm/components/modal/modal.js

@@ -0,0 +1,142 @@
+import _pt from 'prop-types';
+import _JSXStyle from 'styled-jsx/style';
+import React, { useRef, useEffect, Fragment } from 'react';
+import Dialog, { DialogContent, DialogFooter } from '@material/react-dialog';
+import classnames from 'classnames';
+import { useTheme, getColorToken } from '../../theme/theme.js';
+import Stack from '../layout/stack.js';
+import IconButton from '../icon/icon-button.js';
+import Icon from '../icon/icon.js';
+import Button from '../button/button.js';
+
+const Modal = _ref => {
+  let {
+    id,
+    isOpen,
+    toggleModal,
+    modalContent,
+    modalTitle,
+    onAccept,
+    setWidth,
+    buttonAlign = "right",
+    buttonColor = "primary",
+    noCancelButton,
+    noCloseButton,
+    acceptText = "Accept",
+    cancelText = "Cancel",
+    disableAcceptButton = false,
+    minimal,
+    isConfirmationMessage,
+    onCancel
+  } = _ref;
+  const theme = useTheme();
+  const inputRef = useRef(null);
+  const setColorButton = getColorToken(theme, "foreground", buttonColor);
+  const scope = {
+    styles: /*#__PURE__*/React.createElement(_JSXStyle, {
+      id: "602601828",
+      dynamic: [id, setWidth && "100% !important", id, setWidth && "100% !important", setWidth, buttonAlign]
+    }, `.${id} > .mdc-dialog__container{width:${setWidth && "100% !important"};}.${id} > .mdc-dialog__container > .mdc-dialog__surface{width:${setWidth && "100% !important"};max-width:${setWidth} !important;}.modal-footer.__jsx-style-dynamic-selector{-webkit-box-pack:${buttonAlign} !important;-webkit-justify-content:${buttonAlign} !important;-ms-flex-pack:${buttonAlign} !important;justify-content:${buttonAlign} !important;margin-bottom:10px;}.modal-footer.__jsx-style-dynamic-selector .cancel-remove-button,.accept-remove-button{border-radius:20px;height:32px;padding:0 16px;}.confirm-modal-header .confirm-modal-button{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;width:100%;}.confirm-modal-header .confirm-modal-button button{padding:5px !important;}.confirm-modal-header .confirm-modal-button button .icon{color:#2d8a75;}.modal-confirmation .mdc-dialog__container .mdc-dialog__surface{border-radius:8px;}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1RDJCLEFBRzBDLEFBR0EsQUFJcUIsQUFLckMsQUFLTixBQUtVLEFBR1QsQUFHSSxjQUZwQixJQUdBLENBaEJjLElBVWQsUUFUaUIsSUFiakIsQUFHb0QsV0FXcEQsNEJBRzJCLFdBYjNCLHNGQWNhLFdBQ2IsaURBWnFCLG1CQUNyQiIsImZpbGUiOiJtb2RhbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRnJhZ21lbnQsIHVzZUVmZmVjdCwgdXNlUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5cbmltcG9ydCBEaWFsb2csIHsgRGlhbG9nQ29udGVudCwgRGlhbG9nRm9vdGVyIH0gZnJvbSBcIkBtYXRlcmlhbC9yZWFjdC1kaWFsb2dcIjtcbmltcG9ydCBjbGFzc25hbWVzIGZyb20gXCJjbGFzc25hbWVzXCI7XG5pbXBvcnQgY3NzIGZyb20gXCJzdHlsZWQtanN4L2Nzc1wiO1xuXG5pbXBvcnQgeyB1c2VUaGVtZSwgZ2V0Q29sb3JUb2tlbiwgQ29sb3JTcGVjaWZpZXIgfSBmcm9tIFwiLi4vLi4vdGhlbWUvdGhlbWVcIjtcbmltcG9ydCB7IEljb25CdXR0b24sIEljb24gfSBmcm9tIFwiLi4vaWNvblwiO1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL2J1dHRvblwiO1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tIFwiLi4vbGF5b3V0XCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgTW9kYWxQcm9wcyB7XG4gIGlkOiBzdHJpbmc7XG4gIGlzT3BlbjogYm9vbGVhbjtcbiAgdG9nZ2xlTW9kYWw6IChhcmc6IGJvb2xlYW4pID0+IHZvaWQ7XG4gIG1vZGFsQ29udGVudDogUmVhY3QuUmVhY3ROb2RlO1xuICBtb2RhbFRpdGxlPzogUmVhY3QuUmVhY3ROb2RlO1xuICBvbkFjY2VwdD86ICgpID0+IHZvaWQ7XG4gIHNldFdpZHRoPzogc3RyaW5nO1xuICBidXR0b25BbGlnbj86IFwiY2VudGVyXCIgfCBcImxlZnRcIiB8IFwicmlnaHRcIjtcbiAgYnV0dG9uQ29sb3I/OiBDb2xvclNwZWNpZmllcjtcbiAgbm9DYW5jZWxCdXR0b24/OiBib29sZWFuO1xuICBub0Nsb3NlQnV0dG9uPzogYm9vbGVhbjtcbiAgbWluaW1hbD86IGJvb2xlYW47XG4gIGFjY2VwdFRleHQ/OiBzdHJpbmc7XG4gIGNhbmNlbFRleHQ/OiBzdHJpbmc7XG4gIGRpc2FibGVBY2NlcHRCdXR0b24/OiBib29sZWFuO1xuICBpc0NvbmZpcm1hdGlvbk1lc3NhZ2U/OiBib29sZWFuO1xuICBvbkNhbmNlbD86ICgpID0+IHZvaWQ7XG59XG5cbmNvbnN0IE1vZGFsID0gKHtcbiAgaWQsXG4gIGlzT3BlbixcbiAgdG9nZ2xlTW9kYWwsXG4gIG1vZGFsQ29udGVudCxcbiAgbW9kYWxUaXRsZSxcbiAgb25BY2NlcHQsXG4gIHNldFdpZHRoLFxuICBidXR0b25BbGlnbiA9IFwicmlnaHRcIixcbiAgYnV0dG9uQ29sb3IgPSBcInByaW1hcnlcIixcbiAgbm9DYW5jZWxCdXR0b24sXG4gIG5vQ2xvc2VCdXR0b24sXG4gIGFjY2VwdFRleHQgPSBcIkFjY2VwdFwiLFxuICBjYW5jZWxUZXh0ID0gXCJDYW5jZWxcIixcbiAgZGlzYWJsZUFjY2VwdEJ1dHRvbiA9IGZhbHNlLFxuICBtaW5pbWFsLFxuICBpc0NvbmZpcm1hdGlvbk1lc3NhZ2UsXG4gIG9uQ2FuY2VsLFxufTogTW9kYWxQcm9wcykgPT4ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IGlucHV0UmVmID0gdXNlUmVmPEhUTUxJbnB1dEVsZW1lbnQ+KG51bGwpO1xuXG4gIGNvbnN0IHNldENvbG9yQnV0dG9uID0gZ2V0Q29sb3JUb2tlbih0aGVtZSwgXCJmb3JlZ3JvdW5kXCIsIGJ1dHRvbkNvbG9yKTtcblxuICBjb25zdCBzY29wZSA9IGNzcy5yZXNvbHZlYFxuICAgIDpnbG9iYWwoLiR7aWR9ID4gLm1kYy1kaWFsb2dfX2NvbnRhaW5lcikge1xuICAgICAgd2lkdGg6ICR7c2V0V2lkdGggJiYgXCIxMDAlICFpbXBvcnRhbnRcIn07XG4gICAgfVxuICAgIDpnbG9iYWwoLiR7aWR9ID4gLm1kYy1kaWFsb2dfX2NvbnRhaW5lciA+IC5tZGMtZGlhbG9nX19zdXJmYWNlKSB7XG4gICAgICB3aWR0aDogJHtzZXRXaWR0aCAmJiBcIjEwMCUgIWltcG9ydGFudFwifTtcbiAgICAgIG1heC13aWR0aDogJHtzZXRXaWR0aH0gIWltcG9ydGFudDtcbiAgICB9XG4gICAgLm1vZGFsLWZvb3RlciB7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6ICR7YnV0dG9uQWxpZ259ICFpbXBvcnRhbnQ7XG4gICAgICBtYXJnaW4tYm90dG9tOiAxMHB4O1xuICAgIH1cbiAgICAubW9kYWwtZm9vdGVyIDpnbG9iYWwoLmNhbmNlbC1yZW1vdmUtYnV0dG9uKSxcbiAgICA6Z2xvYmFsKC5hY2NlcHQtcmVtb3ZlLWJ1dHRvbikge1xuICAgICAgYm9yZGVyLXJhZGl1czogMjBweDtcbiAgICAgIGhlaWdodDogMzJweDtcbiAgICAgIHBhZGRpbmc6IDAgMTZweDtcbiAgICB9XG4gICAgOmdsb2JhbCguY29uZmlybS1tb2RhbC1oZWFkZXIgLmNvbmZpcm0tbW9kYWwtYnV0dG9uKSB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgIH1cbiAgICA6Z2xvYmFsKC5jb25maXJtLW1vZGFsLWhlYWRlciAuY29uZmlybS1tb2RhbC1idXR0b24gYnV0dG9uKSB7XG4gICAgICBwYWRkaW5nOiA1cHggIWltcG9ydGFudDtcbiAgICB9XG4gICAgOmdsb2JhbCguY29uZmlybS1tb2RhbC1oZWFkZXIgLmNvbmZpcm0tbW9kYWwtYnV0dG9uIGJ1dHRvbiAuaWNvbikge1xuICAgICAgY29sb3I6ICMyZDhhNzU7XG4gICAgfVxuICAgIDpnbG9iYWwoLm1vZGFsLWNvbmZpcm1hdGlvbiAubWRjLWRpYWxvZ19fY29udGFpbmVyIC5tZGMtZGlhbG9nX19zdXJmYWNlKSB7XG4gICAgICBib3JkZXItcmFkaXVzOiA4cHg7XG4gICAgfVxuICBgO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGlzT3BlbiAmJiBpbnB1dFJlZi5jdXJyZW50KSB7XG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgaW5wdXRSZWY/LmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgICB9LCAxMDApO1xuICAgIH1cbiAgfSwgW2lzT3Blbl0pO1xuXG4gIHJldHVybiAoXG4gICAgPEZyYWdtZW50PlxuICAgICAgPERpYWxvZ1xuICAgICAgICBvcGVuPXtpc09wZW59XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NuYW1lcyhcbiAgICAgICAgICBpZCxcbiAgICAgICAgICBpc0NvbmZpcm1hdGlvbk1lc3NhZ2UgPyBcIm1vZGFsLWNvbmZpcm1hdGlvblwiIDogXCJcIlxuICAgICAgICApfVxuICAgICAgICBvbkNsb3NlPXsoKSA9PiB0b2dnbGVNb2RhbChmYWxzZSl9XG4gICAgICAgIGFyaWEtbGFiZWxsZWRieT17bW9kYWxUaXRsZSA/IGlkIDogdW5kZWZpbmVkfVxuICAgICAgPlxuICAgICAgICB7IW1pbmltYWwgPyAoXG4gICAgICAgICAgPFN0YWNrXG4gICAgICAgICAgICBjbGFzc05hbWU9e2lzQ29uZmlybWF0aW9uTWVzc2FnZSA/IFwiY29uZmlybS1tb2RhbC1oZWFkZXJcIiA6IFwiXCJ9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge21vZGFsVGl0bGUgJiYgKFxuICAgICAgICAgICAgICA8ZGl2IHN0eWxlPXt7IGZsZXhHcm93OiAxLCBwYWRkaW5nOiBcIjIwcHggMHB4IDI0cHggMjRweFwiIH19PlxuICAgICAgICAgICAgICAgIHttb2RhbFRpdGxlfVxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgIGNsYXNzTmFtZT17aXNDb25maXJtYXRpb25NZXNzYWdlID8gXCJjb25maXJtLW1vZGFsLWJ1dHRvblwiIDogXCJcIn1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgeyFub0NhbmNlbEJ1dHRvbiAmJiAoXG4gICAgICAgICAgICAgICAgPEljb25CdXR0b25cbiAgICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9XCJDbG9zZVwiXG4gICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB0b2dnbGVNb2RhbChmYWxzZSl9XG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgPEljb24gaWNvbj1cImNsb3NlXCIgLz5cbiAgICAgICAgICAgICAgICA8L0ljb25CdXR0b24+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L1N0YWNrPlxuICAgICAgICApIDogKFxuICAgICAgICAgIDw+PC8+XG4gICAgICAgICl9XG5cbiAgICAgICAgPERpYWxvZ0NvbnRlbnQ+XG4gICAgICAgICAge21vZGFsQ29udGVudH1cbiAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgIHRhYkluZGV4PXswfVxuICAgICAgICAgICAgcmVmPXtpbnB1dFJlZn1cbiAgICAgICAgICAgIHR5cGU9XCJ0ZXh0XCJcbiAgICAgICAgICAgIHN0eWxlPXt7IG9wYWNpdHk6IDAsIGhlaWdodDogMCwgd2lkdGg6IDAsIHBvc2l0aW9uOiBcImFic29sdXRlXCIgfX1cbiAgICAgICAgICAvPlxuICAgICAgICA8L0RpYWxvZ0NvbnRlbnQ+XG5cbiAgICAgICAgeyFtaW5pbWFsID8gKFxuICAgICAgICAgIGlzQ29uZmlybWF0aW9uTWVzc2FnZSA/IChcbiAgICAgICAgICAgIDxEaWFsb2dGb290ZXJcbiAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc25hbWVzKFwibW9kYWwtZm9vdGVyIFwiLCBzY29wZS5jbGFzc05hbWUpfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7IW5vQ2xvc2VCdXR0b24gJiYgKFxuICAgICAgICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgdG9nZ2xlTW9kYWwoZmFsc2UpO1xuICAgICAgICAgICAgICAgICAgICBvbkNhbmNlbCAmJiBvbkNhbmNlbCgpO1xuICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT1cImNhbmNlbC1yZW1vdmUtYnV0dG9uXCJcbiAgICAgICAgICAgICAgICAgIHJhaXNlZFxuICAgICAgICAgICAgICAgICAgY29sb3I9e2J1dHRvbkNvbG9yfVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIHtjYW5jZWxUZXh0fVxuICAgICAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICB7b25BY2NlcHQgJiYgKFxuICAgICAgICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlQWNjZXB0QnV0dG9ufVxuICAgICAgICAgICAgICAgICAgb25DbGljaz17b25BY2NlcHR9XG4gICAgICAgICAgICAgICAgICBvdXRsaW5lZD17dHJ1ZX1cbiAgICAgICAgICAgICAgICAgIHN0eWxlPXt7IG1hcmdpbkxlZnQ6IFwiMjBweFwiIH19XG4gICAgICAgICAgICAgICAgICBjbGFzc05hbWU9XCJhY2NlcHQtcmVtb3ZlLWJ1dHRvblwiXG4gICAgICAgICAgICAgICAgICBjb2xvcj17YnV0dG9uQ29sb3J9XG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAge2FjY2VwdFRleHR9XG4gICAgICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L0RpYWxvZ0Zvb3Rlcj5cbiAgICAgICAgICApIDogKFxuICAgICAgICAgICAgPERpYWxvZ0Zvb3RlclxuICAgICAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzbmFtZXMoXCJtb2RhbC1mb290ZXIgXCIsIHNjb3BlLmNsYXNzTmFtZSl9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHshbm9DbG9zZUJ1dHRvbiAmJiAoXG4gICAgICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICAgICAgY29sb3I9e3sgZm9yZWdyb3VuZDogc2V0Q29sb3JCdXR0b24sIGJhY2tncm91bmQ6IFwiI2ZmZmZmZlwiIH19XG4gICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB0b2dnbGVNb2RhbChmYWxzZSl9XG4gICAgICAgICAgICAgICAgICBvdXRsaW5lZD17dHJ1ZX1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICB7Y2FuY2VsVGV4dH1cbiAgICAgICAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAge29uQWNjZXB0ICYmIChcbiAgICAgICAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZUFjY2VwdEJ1dHRvbn1cbiAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9e29uQWNjZXB0fVxuICAgICAgICAgICAgICAgICAgY29sb3I9e3sgZm9yZWdyb3VuZDogc2V0Q29sb3JCdXR0b24sIGJhY2tncm91bmQ6IFwiI2ZmZmZmZlwiIH19XG4gICAgICAgICAgICAgICAgICBvdXRsaW5lZD17dHJ1ZX1cbiAgICAgICAgICAgICAgICAgIHN0eWxlPXt7IG1hcmdpbkxlZnQ6IFwiMTBweFwiIH19XG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAge2FjY2VwdFRleHR9XG4gICAgICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L0RpYWxvZ0Zvb3Rlcj5cbiAgICAgICAgICApXG4gICAgICAgICkgOiAoXG4gICAgICAgICAgPD48Lz5cbiAgICAgICAgKX1cbiAgICAgIDwvRGlhbG9nPlxuICAgICAge3Njb3BlLnN0eWxlc31cbiAgICA8L0ZyYWdtZW50PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTW9kYWw7XG4iXX0= */
+/*@ sourceURL=modal.tsx */`),
+    className: _JSXStyle.dynamic([["602601828", [id, setWidth && "100% !important", id, setWidth && "100% !important", setWidth, buttonAlign]]])
+  };
+  useEffect(() => {
+    if (isOpen && inputRef.current) {
+      setTimeout(() => {
+        inputRef?.current?.focus();
+      }, 100);
+    }
+  }, [isOpen]);
+  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Dialog, {
+    open: isOpen,
+    className: classnames(id, isConfirmationMessage ? "modal-confirmation" : ""),
+    onClose: () => toggleModal(false),
+    "aria-labelledby": modalTitle ? id : undefined
+  }, !minimal ? /*#__PURE__*/React.createElement(Stack, {
+    className: isConfirmationMessage ? "confirm-modal-header" : ""
+  }, modalTitle && /*#__PURE__*/React.createElement("div", {
+    style: {
+      flexGrow: 1,
+      padding: "20px 0px 24px 24px"
+    }
+  }, modalTitle), /*#__PURE__*/React.createElement("div", {
+    className: isConfirmationMessage ? "confirm-modal-button" : ""
+  }, !noCancelButton && /*#__PURE__*/React.createElement(IconButton, {
+    "aria-label": "Close",
+    onClick: () => toggleModal(false)
+  }, /*#__PURE__*/React.createElement(Icon, {
+    icon: "close"
+  })))) : /*#__PURE__*/React.createElement(React.Fragment, null), /*#__PURE__*/React.createElement(DialogContent, null, modalContent, /*#__PURE__*/React.createElement("input", {
+    tabIndex: 0,
+    ref: inputRef,
+    type: "text",
+    style: {
+      opacity: 0,
+      height: 0,
+      width: 0,
+      position: "absolute"
+    }
+  })), !minimal ? isConfirmationMessage ? /*#__PURE__*/React.createElement(DialogFooter, {
+    className: classnames("modal-footer ", scope.className)
+  }, !noCloseButton && /*#__PURE__*/React.createElement(Button, {
+    onClick: () => {
+      toggleModal(false);
+      onCancel && onCancel();
+    },
+    className: "cancel-remove-button",
+    raised: true,
+    color: buttonColor
+  }, cancelText), onAccept && /*#__PURE__*/React.createElement(Button, {
+    disabled: disableAcceptButton,
+    onClick: onAccept,
+    outlined: true,
+    style: {
+      marginLeft: "20px"
+    },
+    className: "accept-remove-button",
+    color: buttonColor
+  }, acceptText)) : /*#__PURE__*/React.createElement(DialogFooter, {
+    className: classnames("modal-footer ", scope.className)
+  }, !noCloseButton && /*#__PURE__*/React.createElement(Button, {
+    color: {
+      foreground: setColorButton,
+      background: "#ffffff"
+    },
+    onClick: () => toggleModal(false),
+    outlined: true
+  }, cancelText), onAccept && /*#__PURE__*/React.createElement(Button, {
+    disabled: disableAcceptButton,
+    onClick: onAccept,
+    color: {
+      foreground: setColorButton,
+      background: "#ffffff"
+    },
+    outlined: true,
+    style: {
+      marginLeft: "10px"
+    }
+  }, acceptText)) : /*#__PURE__*/React.createElement(React.Fragment, null)), scope.styles);
+};
+Modal.propTypes = {
+  id: _pt.string.isRequired,
+  isOpen: _pt.bool.isRequired,
+  toggleModal: _pt.func.isRequired,
+  modalContent: _pt.node.isRequired,
+  modalTitle: _pt.node,
+  onAccept: _pt.func,
+  setWidth: _pt.string,
+  buttonAlign: _pt.oneOf(["center", "left", "right"]),
+  buttonColor: _pt.any,
+  noCancelButton: _pt.bool,
+  noCloseButton: _pt.bool,
+  minimal: _pt.bool,
+  acceptText: _pt.string,
+  cancelText: _pt.string,
+  disableAcceptButton: _pt.bool,
+  isConfirmationMessage: _pt.bool,
+  onCancel: _pt.func
+};
+var Modal$1 = Modal;
+
+export { Modal$1 as default };

package/donation/esm/components/navigation/navigation-actions.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import Stack from '../layout/stack.js';
+
+function NavigationActions(_ref) {
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/React.createElement(Stack, {
+    gap: "0.5rem",
+    justify: "end",
+    align: "center"
+  }, children);
+}
+
+export { NavigationActions as default };

package/donation/esm/components/navigation/navigation-bar.js

@@ -0,0 +1,26 @@
+import _pt from 'prop-types';
+import _JSXStyle from 'styled-jsx/style';
+import React from 'react';
+
+function NavigationBar(_ref) {
+  let {
+    isCompactHeight,
+    children
+  } = _ref;
+  return /*#__PURE__*/React.createElement("div", {
+    className: _JSXStyle.dynamic([["234974982", [isCompactHeight ? "64px" : "6rem"]]]) + " " + "navigation-bar"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: _JSXStyle.dynamic([["234974982", [isCompactHeight ? "64px" : "6rem"]]]) + " " + "container"
+  }, children), /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: "234974982",
+    dynamic: [isCompactHeight ? "64px" : "6rem"]
+  }, `.navigation-bar.__jsx-style-dynamic-selector{width:100%;}.container.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;max-width:1120px;padding:0 1rem;margin:0 auto;height:4rem;}.container.__jsx-style-dynamic-selector>*:not(:last-child){margin-right:0.5rem;}.container.__jsx-style-dynamic-selector>*:last-child{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}@media (min-width:720px){.container.__jsx-style-dynamic-selector{padding:0 1rem;margin:0 auto;}}@media (min-width:960px){.container.__jsx-style-dynamic-selector{height:${isCompactHeight ? "64px" : "6rem"};}}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5hdmlnYXRpb24tYmFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXa0IsQUFHc0IsQUFJRSxBQVNPLEFBSVIsQUFLSyxBQU9xQixXQTVCeEMsSUFzQmtCLEtBVGxCLFNBVUUsT0FNQSxtQ0FaRixHQWJzQixpR0FDSCxpQkFDRixlQUNELGNBQ0YsWUFDZCIsImZpbGUiOiJuYXZpZ2F0aW9uLWJhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5cbmV4cG9ydCB0eXBlIE5hdmlnYXRpb25CYXJQcm9wcyA9IHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIGlzQ29tcGFjdEhlaWdodD86IGJvb2xlYW47XG59O1xuXG5mdW5jdGlvbiBOYXZpZ2F0aW9uQmFyKHsgaXNDb21wYWN0SGVpZ2h0LCBjaGlsZHJlbiB9OiBOYXZpZ2F0aW9uQmFyUHJvcHMpIHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNsYXNzTmFtZT1cIm5hdmlnYXRpb24tYmFyXCI+XG4gICAgICA8ZGl2IGNsYXNzTmFtZT1cImNvbnRhaW5lclwiPntjaGlsZHJlbn08L2Rpdj5cbiAgICAgIDxzdHlsZSBqc3g+e2BcbiAgICAgICAgLm5hdmlnYXRpb24tYmFyIHtcbiAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5jb250YWluZXIge1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gICAgICAgICAgbWF4LXdpZHRoOiAxMTIwcHg7XG4gICAgICAgICAgcGFkZGluZzogMCAxcmVtO1xuICAgICAgICAgIG1hcmdpbjogMCBhdXRvO1xuICAgICAgICAgIGhlaWdodDogNHJlbTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5jb250YWluZXIgPiA6Z2xvYmFsKCo6bm90KDpsYXN0LWNoaWxkKSkge1xuICAgICAgICAgIG1hcmdpbi1yaWdodDogMC41cmVtO1xuICAgICAgICB9XG5cbiAgICAgICAgLmNvbnRhaW5lciA+IDpnbG9iYWwoKjpsYXN0LWNoaWxkKSB7XG4gICAgICAgICAgZmxleC1ncm93OiAxO1xuICAgICAgICB9XG5cbiAgICAgICAgQG1lZGlhIChtaW4td2lkdGg6IDcyMHB4KSB7XG4gICAgICAgICAgLmNvbnRhaW5lciB7XG4gICAgICAgICAgICBwYWRkaW5nOiAwIDFyZW07XG4gICAgICAgICAgICBtYXJnaW46IDAgYXV0bztcbiAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICBAbWVkaWEgKG1pbi13aWR0aDogOTYwcHgpIHtcbiAgICAgICAgICAuY29udGFpbmVyIHtcbiAgICAgICAgICAgIGhlaWdodDogJHtpc0NvbXBhY3RIZWlnaHQgPyBcIjY0cHhcIiA6IFwiNnJlbVwifTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIGB9PC9zdHlsZT5cbiAgICA8L2Rpdj5cbiAgKTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgTmF2aWdhdGlvbkJhcjtcbiJdfQ== */
+/*@ sourceURL=navigation-bar.tsx */`));
+}
+NavigationBar.propTypes = {
+  children: _pt.node,
+  isCompactHeight: _pt.bool
+};
+
+export { NavigationBar as default };

package/donation/esm/components/navigation/navigation-call-to-action.js

@@ -0,0 +1,12 @@
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React from 'react';
+import Button from '../button/button.js';
+
+function NavigationCallToAction(props) {
+  return /*#__PURE__*/React.createElement(Button, _extends({
+    raised: true,
+    display: true
+  }, props));
+}
+
+export { NavigationCallToAction as default };

package/donation/esm/components/navigation/navigation-expanded.js

@@ -0,0 +1,58 @@
+import _pt from 'prop-types';
+import _JSXStyle from 'styled-jsx/style';
+import React from 'react';
+import classnames from 'classnames';
+import IconButton from '../icon/icon-button.js';
+import { BACKGROUND_GREY, ON_BACKGROUND_GREY_GREY } from '../../theme/colors.js';
+import NavigationList from './navigation-list.js';
+import Icon from '../icon/icon.js';
+
+function NavigationExpanded(_ref) {
+  let {
+    links,
+    children,
+    onRequestClose,
+    className,
+    banner
+  } = _ref;
+  return /*#__PURE__*/React.createElement("div", {
+    className: _JSXStyle.dynamic([["538508997", [BACKGROUND_GREY, ON_BACKGROUND_GREY_GREY, ON_BACKGROUND_GREY_GREY, ON_BACKGROUND_GREY_GREY]]]) + " " + (classnames("navigation-menu", className) || "")
+  }, /*#__PURE__*/React.createElement("div", {
+    className: _JSXStyle.dynamic([["538508997", [BACKGROUND_GREY, ON_BACKGROUND_GREY_GREY, ON_BACKGROUND_GREY_GREY, ON_BACKGROUND_GREY_GREY]]]) + " " + "content"
+  }, children, /*#__PURE__*/React.createElement("div", {
+    className: _JSXStyle.dynamic([["538508997", [BACKGROUND_GREY, ON_BACKGROUND_GREY_GREY, ON_BACKGROUND_GREY_GREY, ON_BACKGROUND_GREY_GREY]]])
+  }, /*#__PURE__*/React.createElement("hr", {
+    className: _JSXStyle.dynamic([["538508997", [BACKGROUND_GREY, ON_BACKGROUND_GREY_GREY, ON_BACKGROUND_GREY_GREY, ON_BACKGROUND_GREY_GREY]]])
+  })), /*#__PURE__*/React.createElement("div", {
+    className: _JSXStyle.dynamic([["538508997", [BACKGROUND_GREY, ON_BACKGROUND_GREY_GREY, ON_BACKGROUND_GREY_GREY, ON_BACKGROUND_GREY_GREY]]]) + " " + "columns"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: _JSXStyle.dynamic([["538508997", [BACKGROUND_GREY, ON_BACKGROUND_GREY_GREY, ON_BACKGROUND_GREY_GREY, ON_BACKGROUND_GREY_GREY]]]) + " " + "navigation-list-container"
+  }, links ? /*#__PURE__*/React.createElement(NavigationList, {
+    items: links
+  }) : null), banner ? /*#__PURE__*/React.createElement("div", {
+    className: _JSXStyle.dynamic([["538508997", [BACKGROUND_GREY, ON_BACKGROUND_GREY_GREY, ON_BACKGROUND_GREY_GREY, ON_BACKGROUND_GREY_GREY]]]) + " " + "banner"
+  }, banner) : null), /*#__PURE__*/React.createElement("div", {
+    className: _JSXStyle.dynamic([["538508997", [BACKGROUND_GREY, ON_BACKGROUND_GREY_GREY, ON_BACKGROUND_GREY_GREY, ON_BACKGROUND_GREY_GREY]]]) + " " + "close"
+  }, /*#__PURE__*/React.createElement(IconButton, {
+    className: "close-button",
+    onClick: onRequestClose
+  }, /*#__PURE__*/React.createElement(Icon, {
+    icon: "close",
+    size: "100%",
+    title: "Close"
+  })))), /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: "538508997",
+    dynamic: [BACKGROUND_GREY, ON_BACKGROUND_GREY_GREY, ON_BACKGROUND_GREY_GREY, ON_BACKGROUND_GREY_GREY]
+  }, `.navigation-menu.__jsx-style-dynamic-selector{background-color:${BACKGROUND_GREY};}.navigation-list-container.__jsx-style-dynamic-selector{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}.content.__jsx-style-dynamic-selector{position:relative;max-width:1024px;margin:0 auto;padding:0rem 1rem 2rem 1rem;}.content.__jsx-style-dynamic-selector>*:not(:last-child){margin-bottom:1rem;}.content.__jsx-style-dynamic-selector{display:grid;grid-gap:1rem;}.content.__jsx-style-dynamic-selector>*:not(:last-child){margin-bottom:initial;}.main-navigation.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.main-navigation.__jsx-style-dynamic-selector>*:not(:last-child){margin-bottom:2rem;}.main-navigation-menus.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.main-navigation-menus.__jsx-style-dynamic-selector>*:not(:last-child){margin-right:4rem;}.columns.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:0;}.columns.__jsx-style-dynamic-selector>*:not(:last-child){margin-right:8rem;}.span-2.__jsx-style-dynamic-selector{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}.columns.__jsx-style-dynamic-selector>:not:(:last-child){margin-right:initial;}.span-2.__jsx-style-dynamic-selector{grid-column-end:span 2;}.close.__jsx-style-dynamic-selector{display:none;}.navigation-menu.__jsx-style-dynamic-selector .close-button{padding:6px !important;font-size:36px;}.banner.__jsx-style-dynamic-selector{display:none;}hr.__jsx-style-dynamic-selector{border:none;border-top-style:solid;border-top-width:1px;border-color:${ON_BACKGROUND_GREY_GREY};color:${ON_BACKGROUND_GREY_GREY};background-color:${ON_BACKGROUND_GREY_GREY};margin:0;}@media (min-width:720px){.content.__jsx-style-dynamic-selector{padding:2rem;}.content.__jsx-style-dynamic-selector>*:not(:last-child){margin-bottom:1.5rem;}.content.__jsx-style-dynamic-selector{grid-gap:1.5rem;}.columns.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.banner.__jsx-style-dynamic-selector{display:block;}}@media (min-width:960px){.content.__jsx-style-dynamic-selector{padding:4rem;}.content.__jsx-style-dynamic-selector>*:not(:last-child){margin-bottom:3rem;}.content.__jsx-style-dynamic-selector>*:not(:last-child){margin-bottom:0;}.content.__jsx-style-dynamic-selector{grid-gap:3rem;}.close.__jsx-style-dynamic-selector{display:block;position:absolute;top:4rem;right:5rem;}}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5hdmlnYXRpb24tZXhwYW5kZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlDa0IsQUFHeUQsQUFJbEMsQUFJTSxBQU9DLEFBSU4sQUFLUyxBQUlULEFBS00sQUFJTixBQUlLLEFBSUwsQUFLSyxBQUlOLEFBSVMsQUFJRSxBQUlWLEFBSVUsQUFLVixBQUlELEFBV0csQUFJUSxBQUlMLEFBSUgsQUFJQyxBQU1ELEFBSU0sQUFJSCxBQUlGLEFBSUEsWUFoRE8sQ0E1RFQsQUErQ2hCLEFBU0EsQUFlRSxBQXNCQSxDQU5BLEFBa0JBLEFBSW9CLEVBOUJwQixBQXNCQSxFQWhIaUIsQUFpQ25CLEFBU0EsQ0FuQ0EsQUFrQkEsQUFtRkUsRUExREYsQUFvQ0UsQ0F0RUYsQ0FzQ0EsQUFRaUIsSUFsRGpCLEtBNkdhLEdBeEhHLEFBdUVPLEdBVHZCLEdBMkRlLEtBbElmLEdBVThCLEdBeUg1QixJQWxEMEMsZUE3RTVDLEFBa0RBLEdBMUJ3QixBQVN4QixBQVFZLEFBeURWLEdBM0ZGLE9BbUNBLGNBb0NxQyxtQ0FDVyxtQkF0RGhELDJCQXVEVyxTQUNYIiwiZmlsZSI6Im5hdmlnYXRpb24tZXhwYW5kZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIjtcbmltcG9ydCB7IEljb24gfSBmcm9tIFwiLi4vaWNvblwiO1xuaW1wb3J0IEljb25CdXR0b24gZnJvbSBcIi4uL2ljb24vaWNvbi1idXR0b25cIjtcbmltcG9ydCB7IEJBQ0tHUk9VTkRfR1JFWSwgT05fQkFDS0dST1VORF9HUkVZX0dSRVkgfSBmcm9tIFwiLi4vLi4vdGhlbWUvY29sb3JzXCI7XG5pbXBvcnQgTmF2aWdhdGlvbkxpc3QsIHsgSHlicmlkTmF2aWdhdGlvbkxpbmsgfSBmcm9tIFwiLi9uYXZpZ2F0aW9uLWxpc3RcIjtcblxuZXhwb3J0IHR5cGUgTmF2aWdhdGlvbkV4cGFuZGVkUHJvcHMgPSB7XG4gIGxpbmtzPzogQXJyYXk8SHlicmlkTmF2aWdhdGlvbkxpbms+O1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgYmFubmVyPzogUmVhY3QuUmVhY3ROb2RlO1xuICBvblJlcXVlc3RDbG9zZTogKCkgPT4gdm9pZDtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xufTtcblxuZnVuY3Rpb24gTmF2aWdhdGlvbkV4cGFuZGVkKHtcbiAgbGlua3MsXG4gIGNoaWxkcmVuLFxuICBvblJlcXVlc3RDbG9zZSxcbiAgY2xhc3NOYW1lLFxuICBiYW5uZXIsXG59OiBOYXZpZ2F0aW9uRXhwYW5kZWRQcm9wcykge1xuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPXtjbGFzc25hbWVzKFwibmF2aWdhdGlvbi1tZW51XCIsIGNsYXNzTmFtZSl9PlxuICAgICAgPGRpdiBjbGFzc05hbWU9XCJjb250ZW50XCI+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPGRpdj5cbiAgICAgICAgICA8aHIgLz5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiY29sdW1uc1wiPlxuICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwibmF2aWdhdGlvbi1saXN0LWNvbnRhaW5lclwiPlxuICAgICAgICAgICAge2xpbmtzID8gPE5hdmlnYXRpb25MaXN0IGl0ZW1zPXtsaW5rc30gLz4gOiBudWxsfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIHtiYW5uZXIgPyA8ZGl2IGNsYXNzTmFtZT1cImJhbm5lclwiPntiYW5uZXJ9PC9kaXY+IDogbnVsbH1cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiY2xvc2VcIj5cbiAgICAgICAgICA8SWNvbkJ1dHRvbiBjbGFzc05hbWU9XCJjbG9zZS1idXR0b25cIiBvbkNsaWNrPXtvblJlcXVlc3RDbG9zZX0+XG4gICAgICAgICAgICA8SWNvbiBpY29uPVwiY2xvc2VcIiBzaXplPVwiMTAwJVwiIHRpdGxlPVwiQ2xvc2VcIiAvPlxuICAgICAgICAgIDwvSWNvbkJ1dHRvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxzdHlsZSBqc3g+e2BcbiAgICAgICAgLm5hdmlnYXRpb24tbWVudSB7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtCQUNLR1JPVU5EX0dSRVl9O1xuICAgICAgICB9XG5cbiAgICAgICAgLm5hdmlnYXRpb24tbGlzdC1jb250YWluZXIge1xuICAgICAgICAgIGZsZXgtZ3JvdzogMTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5jb250ZW50IHtcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgbWF4LXdpZHRoOiAxMDI0cHg7XG4gICAgICAgICAgbWFyZ2luOiAwIGF1dG87XG4gICAgICAgICAgcGFkZGluZzogMHJlbSAxcmVtIDJyZW0gMXJlbTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5jb250ZW50ID4gOmdsb2JhbCgqOm5vdCg6bGFzdC1jaGlsZCkpIHtcbiAgICAgICAgICBtYXJnaW4tYm90dG9tOiAxcmVtO1xuICAgICAgICB9XG5cbiAgICAgICAgLmNvbnRlbnQge1xuICAgICAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICAgICAgZ3JpZC1nYXA6IDFyZW07XG4gICAgICAgIH1cblxuICAgICAgICAuY29udGVudCA+IDpnbG9iYWwoKjpub3QoOmxhc3QtY2hpbGQpKSB7XG4gICAgICAgICAgbWFyZ2luLWJvdHRvbTogaW5pdGlhbDtcbiAgICAgICAgfVxuXG4gICAgICAgIC5tYWluLW5hdmlnYXRpb24ge1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgfVxuXG4gICAgICAgIC5tYWluLW5hdmlnYXRpb24gPiA6Z2xvYmFsKCo6bm90KDpsYXN0LWNoaWxkKSkge1xuICAgICAgICAgIG1hcmdpbi1ib3R0b206IDJyZW07XG4gICAgICAgIH1cblxuICAgICAgICAubWFpbi1uYXZpZ2F0aW9uLW1lbnVzIHtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICB9XG5cbiAgICAgICAgLm1haW4tbmF2aWdhdGlvbi1tZW51cyA+IDpnbG9iYWwoKjpub3QoOmxhc3QtY2hpbGQpKSB7XG4gICAgICAgICAgbWFyZ2luLXJpZ2h0OiA0cmVtO1xuICAgICAgICB9XG5cbiAgICAgICAgLmNvbHVtbnMge1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgcGFkZGluZzogMDtcbiAgICAgICAgfVxuXG4gICAgICAgIC5jb2x1bW5zID4gOmdsb2JhbCgqOm5vdCg6bGFzdC1jaGlsZCkpIHtcbiAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDhyZW07XG4gICAgICAgIH1cblxuICAgICAgICAuc3Bhbi0yIHtcbiAgICAgICAgICBmbGV4LWdyb3c6IDE7XG4gICAgICAgIH1cblxuICAgICAgICAuY29sdW1ucyA+IDpnbG9iYWwoOm5vdDooOmxhc3QtY2hpbGQpKSB7XG4gICAgICAgICAgbWFyZ2luLXJpZ2h0OiBpbml0aWFsO1xuICAgICAgICB9XG5cbiAgICAgICAgLnNwYW4tMiB7XG4gICAgICAgICAgZ3JpZC1jb2x1bW4tZW5kOiBzcGFuIDI7XG4gICAgICAgIH1cblxuICAgICAgICAuY2xvc2Uge1xuICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIH1cblxuICAgICAgICAubmF2aWdhdGlvbi1tZW51IDpnbG9iYWwoLmNsb3NlLWJ1dHRvbikge1xuICAgICAgICAgIHBhZGRpbmc6IDZweCAhaW1wb3J0YW50O1xuICAgICAgICAgIGZvbnQtc2l6ZTogMzZweDtcbiAgICAgICAgfVxuXG4gICAgICAgIC5iYW5uZXIge1xuICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIH1cblxuICAgICAgICBociB7XG4gICAgICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgICAgIGJvcmRlci10b3Atc3R5bGU6IHNvbGlkO1xuICAgICAgICAgIGJvcmRlci10b3Atd2lkdGg6IDFweDtcbiAgICAgICAgICBib3JkZXItY29sb3I6ICR7T05fQkFDS0dST1VORF9HUkVZX0dSRVl9O1xuICAgICAgICAgIGNvbG9yOiAke09OX0JBQ0tHUk9VTkRfR1JFWV9HUkVZfTtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke09OX0JBQ0tHUk9VTkRfR1JFWV9HUkVZfTtcbiAgICAgICAgICBtYXJnaW46IDA7XG4gICAgICAgIH1cblxuICAgICAgICBAbWVkaWEgKG1pbi13aWR0aDogNzIwcHgpIHtcbiAgICAgICAgICAuY29udGVudCB7XG4gICAgICAgICAgICBwYWRkaW5nOiAycmVtO1xuICAgICAgICAgIH1cblxuICAgICAgICAgIC5jb250ZW50ID4gOmdsb2JhbCgqOm5vdCg6bGFzdC1jaGlsZCkpIHtcbiAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IDEuNXJlbTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAuY29udGVudCB7XG4gICAgICAgICAgICBncmlkLWdhcDogMS41cmVtO1xuICAgICAgICAgIH1cblxuICAgICAgICAgIC5jb2x1bW5zIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgLmJhbm5lciB7XG4gICAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICBAbWVkaWEgKG1pbi13aWR0aDogOTYwcHgpIHtcbiAgICAgICAgICAuY29udGVudCB7XG4gICAgICAgICAgICBwYWRkaW5nOiA0cmVtO1xuICAgICAgICAgIH1cblxuICAgICAgICAgIC5jb250ZW50ID4gOmdsb2JhbCgqOm5vdCg6bGFzdC1jaGlsZCkpIHtcbiAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IDNyZW07XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgLmNvbnRlbnQgPiA6Z2xvYmFsKCo6bm90KDpsYXN0LWNoaWxkKSkge1xuICAgICAgICAgICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAuY29udGVudCB7XG4gICAgICAgICAgICBncmlkLWdhcDogM3JlbTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAuY2xvc2Uge1xuICAgICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgICB0b3A6IDRyZW07XG4gICAgICAgICAgICByaWdodDogNXJlbTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIGB9PC9zdHlsZT5cbiAgICA8L2Rpdj5cbiAgKTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgTmF2aWdhdGlvbkV4cGFuZGVkO1xuIl19 */
+/*@ sourceURL=navigation-expanded.tsx */`));
+}
+NavigationExpanded.propTypes = {
+  links: _pt.any,
+  children: _pt.node,
+  banner: _pt.node,
+  onRequestClose: _pt.func.isRequired,
+  className: _pt.string
+};
+
+export { NavigationExpanded as default };