@mycause/ui 0.0.0-c4be5cf7 → 0.0.0-c4d5b14e

package/donation/cjs/components/icon/icon-button.js

@@ -0,0 +1,64 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var _JSXStyle = require('styled-jsx/style');
+var React = require('react');
+var classnames = require('classnames');
+var MDCIconButton = require('@material/react-icon-button');
+var omit = require('lodash/omit');
+var tapEvent = require('../../utils/tap-event.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _JSXStyle__default = /*#__PURE__*/_interopDefaultLegacy(_JSXStyle);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+var MDCIconButton__default = /*#__PURE__*/_interopDefaultLegacy(MDCIconButton);
+var omit__default = /*#__PURE__*/_interopDefaultLegacy(omit);
+
+const _excluded = ["children", "size", "className", "pressed", "onBlur"];
+const IconButton = /*#__PURE__*/React.forwardRef(function IconButton(_ref, ref) {
+  let {
+      children,
+      size,
+      className,
+      pressed,
+      onBlur
+    } = _ref,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  const [count, update] = React.useState(0);
+
+  // Handle blur to force a remount by changing key
+  const handleBlur = tapEvent.tapEvent(() => {
+    if (typeof pressed === "undefined") {
+      update(c => c + 1);
+    }
+  }, onBlur);
+  const scope = {
+    styles: /*#__PURE__*/React__default["default"].createElement(_JSXStyle__default["default"], {
+      id: "3629729252",
+      dynamic: [size || "", size || ""]
+    }, `.mdc-icon-button.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.toggle.__jsx-style-dynamic-selector{-webkit-transition:background-color 200ms ease;transition:background-color 200ms ease;}.toggle--active.__jsx-style-dynamic-selector{background-color:rgba(0,0,0,0.1);border-radius:4px;}.size.__jsx-style-dynamic-selector{width:${size || ""};height:${size || ""};}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImljb24tYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQzJCLEFBRzJCLEFBTW1CLEFBSUgsQUFLRCxpQ0FKakIsRUFLa0IsZ0JBSnRDLG9CQUtBLGVBVkEsZ0JBTnFCLDZGQUNJLG1HQUN6QiIsImZpbGUiOiJpY29uLWJ1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiwgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBjc3MgZnJvbSBcInN0eWxlZC1qc3gvY3NzXCI7XG5pbXBvcnQgY2xhc3NuYW1lcyBmcm9tIFwiY2xhc3NuYW1lc1wiO1xuaW1wb3J0IE1EQ0ljb25CdXR0b24sIHtcbiAgSWNvbkJ1dHRvblByb3BzIGFzIE1EQ0ljb25CdXR0b25Qcm9wcyxcbn0gZnJvbSBcIkBtYXRlcmlhbC9yZWFjdC1pY29uLWJ1dHRvblwiO1xuaW1wb3J0IG9taXQgZnJvbSBcImxvZGFzaC9vbWl0XCI7XG5pbXBvcnQgeyB0YXBFdmVudCB9IGZyb20gXCIuLi8uLi91dGlscy90YXAtZXZlbnRcIjtcbmltcG9ydCB7IEljb25Qcm9wcyB9IGZyb20gXCIuL2ljb25cIjtcblxuZXhwb3J0IHR5cGUgSWNvbkJ1dHRvblR5cGVzID0gSFRNTEJ1dHRvbkVsZW1lbnQgfCBIVE1MQW5jaG9yRWxlbWVudDtcblxuZXhwb3J0IGludGVyZmFjZSBJY29uQnV0dG9uUHJvcHNcbiAgZXh0ZW5kcyBPbWl0PE1EQ0ljb25CdXR0b25Qcm9wczxJY29uQnV0dG9uVHlwZXM+LCBcInJlZlwiIHwgXCJzaXplXCI+IHtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0RWxlbWVudDxJY29uUHJvcHM+O1xuICBwcmVzc2VkPzogYm9vbGVhbjtcbiAgc2l6ZT86IHN0cmluZztcbn1cblxuY29uc3QgSWNvbkJ1dHRvbiA9IGZvcndhcmRSZWYoZnVuY3Rpb24gSWNvbkJ1dHRvbihcbiAgeyBjaGlsZHJlbiwgc2l6ZSwgY2xhc3NOYW1lLCBwcmVzc2VkLCBvbkJsdXIsIC4uLnJlc3QgfTogSWNvbkJ1dHRvblByb3BzLFxuICByZWY6IFJlYWN0LlJlZjxJY29uQnV0dG9uVHlwZXM+XG4pIHtcbiAgY29uc3QgW2NvdW50LCB1cGRhdGVdID0gdXNlU3RhdGU8bnVtYmVyPigwKTtcblxuICAvLyBIYW5kbGUgYmx1ciB0byBmb3JjZSBhIHJlbW91bnQgYnkgY2hhbmdpbmcga2V5XG4gIGNvbnN0IGhhbmRsZUJsdXIgPSB0YXBFdmVudDxSZWFjdC5Gb2N1c0V2ZW50PEljb25CdXR0b25UeXBlcz4+KCgpID0+IHtcbiAgICBpZiAodHlwZW9mIHByZXNzZWQgPT09IFwidW5kZWZpbmVkXCIpIHtcbiAgICAgIHVwZGF0ZShjID0+IGMgKyAxKTtcbiAgICB9XG4gIH0sIG9uQmx1cik7XG5cbiAgY29uc3Qgc2NvcGUgPSBjc3MucmVzb2x2ZWBcbiAgICAubWRjLWljb24tYnV0dG9uIHtcbiAgICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIH1cblxuICAgIC50b2dnbGUge1xuICAgICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAyMDBtcyBlYXNlO1xuICAgIH1cblxuICAgIC50b2dnbGUtLWFjdGl2ZSB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gICAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgfVxuXG4gICAgLnNpemUge1xuICAgICAgd2lkdGg6ICR7c2l6ZSB8fCBcIlwifTtcbiAgICAgIGhlaWdodDogJHtzaXplIHx8IFwiXCJ9O1xuICAgIH1cbiAgYDtcblxuICAvLyBSZW1vdmUgdW5zdXBwb3J0ZWQgcHJvcHMgbGlrZSBvblBvaW50ZXJFbnRlckNhcHR1cmUgYW5kIG9uUG9pbnRlckxlYXZlQ2FwdHVyZVxuICBjb25zdCBmaWx0ZXJlZFByb3BzID0gb21pdChcbiAgICB7XG4gICAgICBjbGFzc05hbWU6IGNsYXNzbmFtZXMoY2xhc3NOYW1lLCBzY29wZS5jbGFzc05hbWUsIHtcbiAgICAgICAgdG9nZ2xlOiB0eXBlb2YgcHJlc3NlZCAhPT0gXCJ1bmRlZmluZWRcIixcbiAgICAgICAgXCJ0b2dnbGUtLWFjdGl2ZVwiOiBwcmVzc2VkID09PSB0cnVlLFxuICAgICAgICBzaXplLFxuICAgICAgfSksXG4gICAgICByZWYsXG4gICAgICBvbkJsdXI6IGhhbmRsZUJsdXIsXG4gICAgICAuLi5yZXN0LCAvLyBTcHJlYWQgdGhlIHJlc3Qgb2YgdGhlIHByb3BzXG4gICAgfSxcbiAgICBbXCJvblBvaW50ZXJFbnRlckNhcHR1cmVcIiwgXCJvblBvaW50ZXJMZWF2ZUNhcHR1cmVcIl0gLy8gU3BlY2lmeSB0aGUgcHJvcHMgdG8gb21pdFxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPE1EQ0ljb25CdXR0b25cbiAgICAgIGtleT17Y291bnR9XG4gICAgICB7Li4uKChmaWx0ZXJlZFByb3BzIGFzIHVua25vd24pIGFzIFJlYWN0LkNvbXBvbmVudFByb3BzPFxuICAgICAgICB0eXBlb2YgTURDSWNvbkJ1dHRvblxuICAgICAgPil9IC8vIFBhc3MgdGhlIGZpbHRlcmVkIHByb3BzXG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgICAge3Njb3BlLnN0eWxlc31cbiAgICA8L01EQ0ljb25CdXR0b24+XG4gICk7XG59KTtcblxuZXhwb3J0IGRlZmF1bHQgSWNvbkJ1dHRvbjtcbiJdfQ== */
+/*@ sourceURL=icon-button.tsx */`),
+    className: _JSXStyle__default["default"].dynamic([["3629729252", [size || "", size || ""]]])
+  };
+
+  // Remove unsupported props like onPointerEnterCapture and onPointerLeaveCapture
+  const filteredProps = omit__default["default"](_rollupPluginBabelHelpers.objectSpread2({
+    className: classnames__default["default"](className, scope.className, {
+      toggle: typeof pressed !== "undefined",
+      "toggle--active": pressed === true,
+      size
+    }),
+    ref,
+    onBlur: handleBlur
+  }, rest), ["onPointerEnterCapture", "onPointerLeaveCapture"] // Specify the props to omit
+  );
+  return /*#__PURE__*/React__default["default"].createElement(MDCIconButton__default["default"], _rollupPluginBabelHelpers["extends"]({
+    key: count
+  }, filteredProps), children, scope.styles);
+});
+var IconButton$1 = IconButton;
+
+module.exports = IconButton$1;

package/donation/cjs/components/icon/icon.js

@@ -0,0 +1,67 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var _pt = require('prop-types');
+var _JSXStyle = require('styled-jsx/style');
+var React = require('react');
+var classnames = require('classnames');
+var theme = require('../../theme/theme.js');
+var materialIcon = require('./material-icon.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _pt__default = /*#__PURE__*/_interopDefaultLegacy(_pt);
+var _JSXStyle__default = /*#__PURE__*/_interopDefaultLegacy(_JSXStyle);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+
+const _excluded = ["icon", "iconSet", "color", "invert", "className", "size"];
+function Icon(_ref) {
+  let {
+      icon,
+      iconSet,
+      color = "neutral",
+      invert,
+      className,
+      size
+    } = _ref,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  const theme$1 = theme.useTheme();
+  const foreground = theme.getColorToken(theme$1, "foreground", color, {
+    invert
+  });
+  const scope = {
+    styles: /*#__PURE__*/React__default["default"].createElement(_JSXStyle__default["default"], {
+      id: "4279688611",
+      dynamic: [foreground, size, size, size]
+    }, `.icon.__jsx-style-dynamic-selector,.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon.__jsx-style-dynamic-selector{color:${foreground};}svg.__jsx-style-dynamic-selector{width:24px;height:24px;fill:currentColor;}.icon--sized.__jsx-style-dynamic-selector{width:${size};height:${size};font-size:${size};}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImljb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCMkIsQUFLMEMsQUFJeEIsQUFNd0IsV0FMdkIsWUFDTSxZQUxwQixBQVVzQyxNQUp0Qyw4QkFLeUMsdUNBQ3pDIiwiZmlsZSI6Imljb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIjtcbmltcG9ydCBjc3MgZnJvbSBcInN0eWxlZC1qc3gvY3NzXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSwgZ2V0Q29sb3JUb2tlbiwgQ29sb3JTcGVjaWZpZXIgfSBmcm9tIFwiLi4vLi4vdGhlbWUvdGhlbWVcIjtcbmltcG9ydCBNYXRlcmlhbEljb24sIHsgSWNvblNldCB9IGZyb20gXCIuL21hdGVyaWFsLWljb25cIjtcblxuZXhwb3J0IGludGVyZmFjZSBJY29uUHJvcHNcbiAgZXh0ZW5kcyBPbWl0PFJlYWN0LkhUTUxQcm9wczxIVE1MT3JTVkdFbGVtZW50PiwgXCJjb2xvclwiIHwgXCJzaXplXCI+IHtcbiAgaWNvbjogc3RyaW5nIHwgUmVhY3QuUmVhY3RFbGVtZW50PFJlYWN0LkhUTUxQcm9wczxIVE1MT3JTVkdFbGVtZW50Pj47XG4gIGljb25TZXQ/OiBJY29uU2V0O1xuICBjb2xvcj86IENvbG9yU3BlY2lmaWVyO1xuICBpbnZlcnQ/OiBib29sZWFuO1xuICBzaXplPzogc3RyaW5nO1xufVxuXG5mdW5jdGlvbiBJY29uKHtcbiAgaWNvbixcbiAgaWNvblNldCxcbiAgY29sb3IgPSBcIm5ldXRyYWxcIixcbiAgaW52ZXJ0LFxuICBjbGFzc05hbWUsXG4gIHNpemUsXG4gIC4uLnJlc3Rcbn06IEljb25Qcm9wcykge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IGZvcmVncm91bmQgPSBnZXRDb2xvclRva2VuKHRoZW1lLCBcImZvcmVncm91bmRcIiwgY29sb3IsIHsgaW52ZXJ0IH0pO1xuXG4gIGNvbnN0IHNjb3BlID0gY3NzLnJlc29sdmVgXG4gICAgLmljb24sXG4gICAgOmdsb2JhbCgubWRjLXRleHQtZmllbGQpOm5vdCgubWRjLXRleHQtZmllbGQtLWRpc2FibGVkKVxuICAgICAgLm1kYy10ZXh0LWZpZWxkX19pY29uIHtcbiAgICAgIGNvbG9yOiAke2ZvcmVncm91bmR9O1xuICAgIH1cblxuICAgIHN2ZyB7XG4gICAgICB3aWR0aDogMjRweDtcbiAgICAgIGhlaWdodDogMjRweDtcbiAgICAgIGZpbGw6IGN1cnJlbnRDb2xvcjtcbiAgICB9XG5cbiAgICAuaWNvbi0tc2l6ZWQge1xuICAgICAgd2lkdGg6ICR7c2l6ZX07XG4gICAgICBoZWlnaHQ6ICR7c2l6ZX07XG4gICAgICBmb250LXNpemU6ICR7c2l6ZX07XG4gICAgfVxuICBgO1xuXG4gIGNvbnN0IHByb3BzID0ge1xuICAgIGNsYXNzTmFtZTogY2xhc3NuYW1lcyhcImljb25cIiwgY2xhc3NOYW1lLCBzY29wZS5jbGFzc05hbWUsIHtcbiAgICAgIHNpemVkOiAhIXNpemUsXG4gICAgfSksXG4gICAgLi4ucmVzdCxcbiAgfTtcblxuICBpZiAodHlwZW9mIGljb24gPT09IFwic3RyaW5nXCIpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPD5cbiAgICAgICAgPE1hdGVyaWFsSWNvblxuICAgICAgICAgIGljb249e2ljb24gYXMgc3RyaW5nfVxuICAgICAgICAgIGljb25TZXQ9e2ljb25TZXR9XG4gICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgIC8+XG4gICAgICAgIHtzY29wZS5zdHlsZXN9XG4gICAgICA8Lz5cbiAgICApO1xuICB9XG5cbiAgY29uc3QgZWxlbSA9IGljb24gYXMgUmVhY3QuUmVhY3RFbGVtZW50O1xuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIHtSZWFjdC5jbG9uZUVsZW1lbnQoZWxlbSwge1xuICAgICAgICAuLi5wcm9wcyxcbiAgICAgICAgY2xhc3NOYW1lOiBjbGFzc25hbWVzKFxuICAgICAgICAgIGVsZW0ucHJvcHMuY2xhc3NOYW1lLFxuICAgICAgICAgIHByb3BzLmNsYXNzTmFtZSxcbiAgICAgICAgICBcInN2Zy1pY29uXCJcbiAgICAgICAgKSxcbiAgICAgIH0pfVxuICAgICAge3Njb3BlLnN0eWxlc31cbiAgICA8Lz5cbiAgKTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgSWNvbjtcbiJdfQ== */
+/*@ sourceURL=icon.tsx */`),
+    className: _JSXStyle__default["default"].dynamic([["4279688611", [foreground, size, size, size]]])
+  };
+  const props = _rollupPluginBabelHelpers.objectSpread2({
+    className: classnames__default["default"]("icon", className, scope.className, {
+      sized: !!size
+    })
+  }, rest);
+  if (typeof icon === "string") {
+    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(materialIcon, _rollupPluginBabelHelpers["extends"]({
+      icon: icon,
+      iconSet: iconSet,
+      size: size
+    }, props)), scope.styles);
+  }
+  const elem = icon;
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].cloneElement(elem, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, props), {}, {
+    className: classnames__default["default"](elem.props.className, props.className, "svg-icon")
+  })), scope.styles);
+}
+Icon.propTypes = {
+  icon: _pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].element]).isRequired,
+  iconSet: _pt__default["default"].any,
+  color: _pt__default["default"].any,
+  invert: _pt__default["default"].bool,
+  size: _pt__default["default"].string
+};
+
+module.exports = Icon;

package/donation/cjs/components/icon/material-icon.js

@@ -0,0 +1,44 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var _pt = require('prop-types');
+var _JSXStyle = require('styled-jsx/style');
+var React = require('react');
+var classnames = require('classnames');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _pt__default = /*#__PURE__*/_interopDefaultLegacy(_pt);
+var _JSXStyle__default = /*#__PURE__*/_interopDefaultLegacy(_JSXStyle);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+
+const _excluded = ["icon", "iconSet", "className", "size"];
+function MaterialIcon(_ref) {
+  let {
+      icon,
+      iconSet = "material-icons",
+      className,
+      size = "24px"
+    } = _ref,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  const scope = {
+    styles: /*#__PURE__*/React__default["default"].createElement(_JSXStyle__default["default"], {
+      id: "2372421414",
+      dynamic: [size]
+    }, `i.__jsx-style-dynamic-selector{font-size:${size};}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1hdGVyaWFsLWljb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9CMkIsQUFHOEMsdUNBQ3pDIiwiZmlsZSI6Im1hdGVyaWFsLWljb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIjtcbmltcG9ydCBjc3MgZnJvbSBcInN0eWxlZC1qc3gvY3NzXCI7XG5cbmV4cG9ydCB0eXBlIEljb25TZXQgPSBcIm1hdGVyaWFsLWljb25zXCIgfCBcIm1hdGVyaWFsLWljb25zLW91dGxpbmVkXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgTWF0ZXJpYWxJY29uUHJvcHNcbiAgZXh0ZW5kcyBPbWl0PFJlYWN0LkhUTUxQcm9wczxIVE1MT3JTVkdFbGVtZW50PiwgXCJyZWZcIiB8IFwic2l6ZVwiPiB7XG4gIGljb246IHN0cmluZztcbiAgaWNvblNldD86IEljb25TZXQ7XG4gIHNpemU/OiBzdHJpbmc7XG59XG5cbmZ1bmN0aW9uIE1hdGVyaWFsSWNvbih7XG4gIGljb24sXG4gIGljb25TZXQgPSBcIm1hdGVyaWFsLWljb25zXCIsXG4gIGNsYXNzTmFtZSxcbiAgc2l6ZSA9IFwiMjRweFwiLFxuICAuLi5yZXN0XG59OiBNYXRlcmlhbEljb25Qcm9wcykge1xuICBjb25zdCBzY29wZSA9IGNzcy5yZXNvbHZlYFxuICAgIGkge1xuICAgICAgZm9udC1zaXplOiAke3NpemV9O1xuICAgIH1cbiAgYDtcblxuICByZXR1cm4gKFxuICAgIDxpIGNsYXNzTmFtZT17Y2xhc3NuYW1lcyhjbGFzc05hbWUsIGljb25TZXQsIHNjb3BlLmNsYXNzTmFtZSl9IHsuLi5yZXN0fT5cbiAgICAgIHtpY29ufVxuICAgICAge3Njb3BlLnN0eWxlc31cbiAgICA8L2k+XG4gICk7XG59XG5cbmV4cG9ydCBkZWZhdWx0IE1hdGVyaWFsSWNvbjtcbiJdfQ== */
+/*@ sourceURL=material-icon.tsx */`),
+    className: _JSXStyle__default["default"].dynamic([["2372421414", [size]]])
+  };
+  return /*#__PURE__*/React__default["default"].createElement("i", _rollupPluginBabelHelpers["extends"]({
+    className: classnames__default["default"](className, iconSet, scope.className)
+  }, rest), icon, scope.styles);
+}
+MaterialIcon.propTypes = {
+  icon: _pt__default["default"].string.isRequired,
+  iconSet: _pt__default["default"].oneOf(["material-icons", "material-icons-outlined"]),
+  size: _pt__default["default"].string
+};
+
+module.exports = MaterialIcon;

package/donation/cjs/components/layout/box.js

@@ -0,0 +1,115 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var _pt = require('prop-types');
+var _JSXStyle = require('styled-jsx/style');
+var React = require('react');
+var classnames = require('classnames');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _pt__default = /*#__PURE__*/_interopDefaultLegacy(_pt);
+var _JSXStyle__default = /*#__PURE__*/_interopDefaultLegacy(_JSXStyle);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+
+const _excluded = ["as", "ma", "mv", "mh", "mt", "mr", "mb", "ml", "pa", "pv", "ph", "pt", "pb", "pl", "pr", "className", "children"];
+function Box(_ref) {
+  let {
+      as = "div",
+      ma,
+      mv,
+      mh,
+      mt,
+      mr,
+      mb,
+      ml,
+      pa,
+      pv,
+      ph,
+      pt,
+      pb,
+      pl,
+      pr,
+      className,
+      children
+    } = _ref,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  const margin = getSpacingStyles("margin", "m", {
+    ma,
+    mv,
+    mh,
+    mt,
+    mr,
+    mb,
+    ml
+  });
+  const padding = getSpacingStyles("padding", "p", {
+    pa,
+    pv,
+    ph,
+    pt,
+    pb,
+    pl,
+    pr
+  });
+  const scope = {
+    styles: /*#__PURE__*/React__default["default"].createElement(_JSXStyle__default["default"], {
+      id: "670825227",
+      dynamic: [margin, padding]
+    }, `.box.__jsx-style-dynamic-selector{${margin} ${padding};}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0UyQixBQUtJLDBEQUFDIiwiZmlsZSI6ImJveC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgY24gZnJvbSBcImNsYXNzbmFtZXNcIjtcbmltcG9ydCBjc3MgZnJvbSBcInN0eWxlZC1qc3gvY3NzXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQm94UHJvcHMgZXh0ZW5kcyBSZWFjdC5IVE1MUHJvcHM8SFRNTEVsZW1lbnQ+IHtcbiAgYXM/OiBzdHJpbmc7XG4gIC8vIG1hcmdpbiBwcm9wc1xuICBtYT86IHN0cmluZyAvKiBhbGwgKi87XG4gIG12Pzogc3RyaW5nIC8qIHZlcnRpY2FsICovO1xuICBtaD86IHN0cmluZyAvKiBob3Jpem9udGFsICovO1xuICBtdD86IHN0cmluZyAvKiB0b3AgKi87XG4gIG1yPzogc3RyaW5nIC8qIHJpZ2h0ICovO1xuICBtYj86IHN0cmluZyAvKiBib3R0b20gKi87XG4gIG1sPzogc3RyaW5nIC8qIGxlZnQgKi87XG4gIC8vIHBhZGRpbmcgcHJvcHNcbiAgcGE/OiBzdHJpbmcgLyogYWxsICovO1xuICBwdj86IHN0cmluZyAvKiB2ZXJ0aWNhbCAqLztcbiAgcGg/OiBzdHJpbmcgLyogaG9yaXpvbnRhbCAqLztcbiAgcHQ/OiBzdHJpbmcgLyogdG9wICovO1xuICBwYj86IHN0cmluZyAvKiByaWdodCAqLztcbiAgcGw/OiBzdHJpbmcgLyogYm90dG9tICovO1xuICBwcj86IHN0cmluZyAvKiBsZWZ0ICovO1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuZnVuY3Rpb24gQm94KHtcbiAgYXMgPSBcImRpdlwiLFxuICBtYSxcbiAgbXYsXG4gIG1oLFxuICBtdCxcbiAgbXIsXG4gIG1iLFxuICBtbCxcbiAgcGEsXG4gIHB2LFxuICBwaCxcbiAgcHQsXG4gIHBiLFxuICBwbCxcbiAgcHIsXG4gIGNsYXNzTmFtZSxcbiAgY2hpbGRyZW4sXG4gIC4uLnJlc3Rcbn06IEJveFByb3BzKSB7XG4gIGNvbnN0IG1hcmdpbiA9IGdldFNwYWNpbmdTdHlsZXMoXCJtYXJnaW5cIiwgXCJtXCIsIHtcbiAgICBtYSxcbiAgICBtdixcbiAgICBtaCxcbiAgICBtdCxcbiAgICBtcixcbiAgICBtYixcbiAgICBtbCxcbiAgfSk7XG4gIGNvbnN0IHBhZGRpbmcgPSBnZXRTcGFjaW5nU3R5bGVzKFwicGFkZGluZ1wiLCBcInBcIiwge1xuICAgIHBhLFxuICAgIHB2LFxuICAgIHBoLFxuICAgIHB0LFxuICAgIHBiLFxuICAgIHBsLFxuICAgIHByLFxuICB9KTtcblxuICBjb25zdCBzY29wZSA9IGNzcy5yZXNvbHZlYFxuICAgIC5ib3gge1xuICAgICAgJHttYXJnaW59XG4gICAgICAke3BhZGRpbmd9XG4gICAgfVxuICBgO1xuXG4gIHJldHVybiBSZWFjdC5jcmVhdGVFbGVtZW50KFxuICAgIGFzLFxuICAgIHsgY2xhc3NOYW1lOiBjbihcImJveFwiLCBjbGFzc05hbWUsIHNjb3BlLmNsYXNzTmFtZSksIC4uLnJlc3QgfSxcbiAgICBjaGlsZHJlbixcbiAgICBzY29wZS5zdHlsZXNcbiAgKTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgQm94O1xuXG5mdW5jdGlvbiBnZXRTcGFjaW5nU3R5bGVzKFxuICBhdHRyOiBzdHJpbmcsXG4gIHByZWZpeDogc3RyaW5nLFxuICBvYmo6IHsgW2tleTogc3RyaW5nXTogc3RyaW5nIHwgdW5kZWZpbmVkIH1cbik6IHN0cmluZyB7XG4gIGNvbnN0IHJlc3VsdCA9IFtdO1xuXG4gIGlmIChvYmpbcHJlZml4ICsgXCJhXCJdKSB7XG4gICAgcmVzdWx0LnB1c2goYCR7YXR0cn06ICR7b2JqW3ByZWZpeCArIFwiYVwiXX07YCk7XG4gIH1cblxuICBpZiAob2JqW3ByZWZpeCArIFwidlwiXSkge1xuICAgIHJlc3VsdC5wdXNoKGAke2F0dHJ9LXRvcDogJHtvYmpbcHJlZml4ICsgXCJ2XCJdfTtgKTtcbiAgICByZXN1bHQucHVzaChgJHthdHRyfS1ib3R0b206ICR7b2JqW3ByZWZpeCArIFwidlwiXX07YCk7XG4gIH1cblxuICBpZiAob2JqW3ByZWZpeCArIFwiaFwiXSkge1xuICAgIHJlc3VsdC5wdXNoKGAke2F0dHJ9LWxlZnQ6ICR7b2JqW3ByZWZpeCArIFwiaFwiXX07YCk7XG4gICAgcmVzdWx0LnB1c2goYCR7YXR0cn0tcmlnaHQ6ICR7b2JqW3ByZWZpeCArIFwiaFwiXX07YCk7XG4gIH1cblxuICBpZiAob2JqW3ByZWZpeCArIFwidFwiXSkge1xuICAgIHJlc3VsdC5wdXNoKGAke2F0dHJ9LXRvcDogJHtvYmpbcHJlZml4ICsgXCJ0XCJdfTtgKTtcbiAgfVxuXG4gIGlmIChvYmpbcHJlZml4ICsgXCJyXCJdKSB7XG4gICAgcmVzdWx0LnB1c2goYCR7YXR0cn0tcmlnaHQ6ICR7b2JqW3ByZWZpeCArIFwiclwiXX07YCk7XG4gIH1cblxuICBpZiAob2JqW3ByZWZpeCArIFwiYlwiXSkge1xuICAgIHJlc3VsdC5wdXNoKGAke2F0dHJ9LWJvdHRvbTogJHtvYmpbcHJlZml4ICsgXCJiXCJdfTtgKTtcbiAgfVxuXG4gIGlmIChvYmpbcHJlZml4ICsgXCJsXCJdKSB7XG4gICAgcmVzdWx0LnB1c2goYCR7YXR0cn0tbGVmdDogJHtvYmpbcHJlZml4ICsgXCJsXCJdfTtgKTtcbiAgfVxuXG4gIHJldHVybiByZXN1bHQuam9pbihcIlxcblwiKTtcbn1cbiJdfQ== */
+/*@ sourceURL=box.tsx */`),
+    className: _JSXStyle__default["default"].dynamic([["670825227", [margin, padding]]])
+  };
+  return /*#__PURE__*/React__default["default"].createElement(as, _rollupPluginBabelHelpers.objectSpread2({
+    className: classnames__default["default"]("box", className, scope.className)
+  }, rest), children, scope.styles);
+}
+Box.propTypes = {
+  as: _pt__default["default"].string,
+  ma: _pt__default["default"].string,
+  mv: _pt__default["default"].string,
+  mh: _pt__default["default"].string,
+  mt: _pt__default["default"].string,
+  mr: _pt__default["default"].string,
+  mb: _pt__default["default"].string,
+  ml: _pt__default["default"].string,
+  pa: _pt__default["default"].string,
+  pv: _pt__default["default"].string,
+  ph: _pt__default["default"].string,
+  pt: _pt__default["default"].string,
+  pb: _pt__default["default"].string,
+  pl: _pt__default["default"].string,
+  pr: _pt__default["default"].string,
+  children: _pt__default["default"].node
+};
+function getSpacingStyles(attr, prefix, obj) {
+  const result = [];
+  if (obj[prefix + "a"]) {
+    result.push(`${attr}: ${obj[prefix + "a"]};`);
+  }
+  if (obj[prefix + "v"]) {
+    result.push(`${attr}-top: ${obj[prefix + "v"]};`);
+    result.push(`${attr}-bottom: ${obj[prefix + "v"]};`);
+  }
+  if (obj[prefix + "h"]) {
+    result.push(`${attr}-left: ${obj[prefix + "h"]};`);
+    result.push(`${attr}-right: ${obj[prefix + "h"]};`);
+  }
+  if (obj[prefix + "t"]) {
+    result.push(`${attr}-top: ${obj[prefix + "t"]};`);
+  }
+  if (obj[prefix + "r"]) {
+    result.push(`${attr}-right: ${obj[prefix + "r"]};`);
+  }
+  if (obj[prefix + "b"]) {
+    result.push(`${attr}-bottom: ${obj[prefix + "b"]};`);
+  }
+  if (obj[prefix + "l"]) {
+    result.push(`${attr}-left: ${obj[prefix + "l"]};`);
+  }
+  return result.join("\n");
+}
+
+module.exports = Box;

package/donation/cjs/components/layout/flex.js

@@ -0,0 +1,81 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var _pt = require('prop-types');
+var _JSXStyle = require('styled-jsx/style');
+var React = require('react');
+var classnames = require('classnames');
+var box = require('./box.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _pt__default = /*#__PURE__*/_interopDefaultLegacy(_pt);
+var _JSXStyle__default = /*#__PURE__*/_interopDefaultLegacy(_JSXStyle);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+
+const _excluded = ["direction", "justify", "align", "reverse", "wrap", "center", "className", "children"];
+function Flex(_ref) {
+  let {
+      direction = "row",
+      justify = "start",
+      align = "start",
+      reverse = false,
+      wrap = false,
+      center,
+      className,
+      children
+    } = _ref,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  if (center) {
+    justify = "center";
+    align = "center";
+  }
+  const scope = {
+    styles: /*#__PURE__*/React__default["default"].createElement(_JSXStyle__default["default"], {
+      id: "3185106814",
+      dynamic: [getFlexDirection(direction, reverse), getFlexJustifyContent(justify), getFlexAlignItems(align), getFlexWrap(wrap)]
+    }, `.flex.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:${getFlexDirection(direction, reverse)};-ms-flex-direction:${getFlexDirection(direction, reverse)};flex-direction:${getFlexDirection(direction, reverse)};-webkit-box-pack:${getFlexJustifyContent(justify)};-webkit-justify-content:${getFlexJustifyContent(justify)};-ms-flex-pack:${getFlexJustifyContent(justify)};justify-content:${getFlexJustifyContent(justify)};-webkit-align-items:${getFlexAlignItems(align)};-webkit-box-align:${getFlexAlignItems(align)};-ms-flex-align:${getFlexAlignItems(align)};align-items:${getFlexAlignItems(align)};-webkit-flex-wrap:${getFlexWrap(wrap)};-ms-flex-wrap:${getFlexWrap(wrap)};flex-wrap:${getFlexWrap(wrap)};}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZsZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBDMkIsQUFHb0IsMEVBQytCLGdKQUNDLDJMQUNKLHFMQUNGLGlJQUN6QyIsImZpbGUiOiJmbGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBjbGFzc25hbWVzIGZyb20gXCJjbGFzc25hbWVzXCI7XG5pbXBvcnQgY3NzIGZyb20gXCJzdHlsZWQtanN4L2Nzc1wiO1xuaW1wb3J0IEJveCwgeyBCb3hQcm9wcyB9IGZyb20gXCIuL2JveFwiO1xuXG50eXBlIERpcmVjdGlvbiA9IFwicm93XCIgfCBcImNvbHVtblwiO1xudHlwZSBKdXN0aWZ5ID1cbiAgfCBcImNlbnRlclwiXG4gIHwgXCJzdGFydFwiXG4gIHwgXCJlbmRcIlxuICB8IFwic3BhY2UtYmV0d2VlblwiXG4gIHwgXCJzcGFjZS1hcm91bmRcIlxuICB8IFwic3BhY2UtZXZlbmx5XCJcbiAgfCBcInN0cmV0Y2hcIjtcbnR5cGUgQWxpZ24gPSBcImNlbnRlclwiIHwgXCJzdGFydFwiIHwgXCJlbmRcIiB8IFwic3RyZXRjaFwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEZsZXhQcm9wcyBleHRlbmRzIE9taXQ8Qm94UHJvcHMsIFwid3JhcFwiPiB7XG4gIGRpcmVjdGlvbj86IERpcmVjdGlvbjtcbiAganVzdGlmeT86IEp1c3RpZnk7XG4gIGFsaWduPzogQWxpZ247XG4gIHJldmVyc2U/OiBib29sZWFuO1xuICB3cmFwPzogYm9vbGVhbjtcbiAgY2VudGVyPzogYm9vbGVhbjtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmZ1bmN0aW9uIEZsZXgoe1xuICBkaXJlY3Rpb24gPSBcInJvd1wiLFxuICBqdXN0aWZ5ID0gXCJzdGFydFwiLFxuICBhbGlnbiA9IFwic3RhcnRcIixcbiAgcmV2ZXJzZSA9IGZhbHNlLFxuICB3cmFwID0gZmFsc2UsXG4gIGNlbnRlcixcbiAgY2xhc3NOYW1lLFxuICBjaGlsZHJlbixcbiAgLi4ucmVzdFxufTogRmxleFByb3BzKSB7XG4gIGlmIChjZW50ZXIpIHtcbiAgICBqdXN0aWZ5ID0gXCJjZW50ZXJcIjtcbiAgICBhbGlnbiA9IFwiY2VudGVyXCI7XG4gIH1cblxuICBjb25zdCBzY29wZSA9IGNzcy5yZXNvbHZlYFxuICAgIC5mbGV4IHtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBmbGV4LWRpcmVjdGlvbjogJHtnZXRGbGV4RGlyZWN0aW9uKGRpcmVjdGlvbiwgcmV2ZXJzZSl9O1xuICAgICAganVzdGlmeS1jb250ZW50OiAke2dldEZsZXhKdXN0aWZ5Q29udGVudChqdXN0aWZ5KX07XG4gICAgICBhbGlnbi1pdGVtczogJHtnZXRGbGV4QWxpZ25JdGVtcyhhbGlnbil9O1xuICAgICAgZmxleC13cmFwOiAke2dldEZsZXhXcmFwKHdyYXApfTtcbiAgICB9XG4gIGA7XG5cbiAgcmV0dXJuIChcbiAgICA8Qm94IGNsYXNzTmFtZT17Y2xhc3NuYW1lcyhcImZsZXhcIiwgY2xhc3NOYW1lLCBzY29wZS5jbGFzc05hbWUpfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgICB7c2NvcGUuc3R5bGVzfVxuICAgIDwvQm94PlxuICApO1xufVxuXG5leHBvcnQgZGVmYXVsdCBGbGV4O1xuXG5mdW5jdGlvbiBnZXRGbGV4RGlyZWN0aW9uKGRpcmVjdGlvbjogRGlyZWN0aW9uLCByZXZlcnNlOiBib29sZWFuKSB7XG4gIHJldHVybiByZXZlcnNlID8gZGlyZWN0aW9uICsgXCItcmV2ZXJzZVwiIDogZGlyZWN0aW9uO1xufVxuXG5mdW5jdGlvbiBnZXRGbGV4SnVzdGlmeUNvbnRlbnQoanVzdGlmeTogSnVzdGlmeSkge1xuICBzd2l0Y2ggKGp1c3RpZnkpIHtcbiAgICBjYXNlIFwic3RhcnRcIjpcbiAgICBjYXNlIFwiZW5kXCI6XG4gICAgICByZXR1cm4gXCJmbGV4LVwiICsganVzdGlmeTtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGp1c3RpZnk7XG4gIH1cbn1cblxuZnVuY3Rpb24gZ2V0RmxleEFsaWduSXRlbXMoYWxpZ246IEFsaWduKSB7XG4gIHN3aXRjaCAoYWxpZ24pIHtcbiAgICBjYXNlIFwic3RhcnRcIjpcbiAgICBjYXNlIFwiZW5kXCI6XG4gICAgICByZXR1cm4gXCJmbGV4LVwiICsgYWxpZ247XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBhbGlnbjtcbiAgfVxufVxuXG5mdW5jdGlvbiBnZXRGbGV4V3JhcCh3cmFwOiBib29sZWFuKSB7XG4gIHJldHVybiB3cmFwID8gXCJ3cmFwXCIgOiBcIm5vd3JhcFwiO1xufVxuIl19 */
+/*@ sourceURL=flex.tsx */`),
+    className: _JSXStyle__default["default"].dynamic([["3185106814", [getFlexDirection(direction, reverse), getFlexJustifyContent(justify), getFlexAlignItems(align), getFlexWrap(wrap)]]])
+  };
+  return /*#__PURE__*/React__default["default"].createElement(box, _rollupPluginBabelHelpers["extends"]({
+    className: classnames__default["default"]("flex", className, scope.className)
+  }, rest), children, scope.styles);
+}
+Flex.propTypes = {
+  direction: _pt__default["default"].oneOf(["row", "column"]),
+  justify: _pt__default["default"].oneOf(["center", "start", "end", "space-between", "space-around", "space-evenly", "stretch"]),
+  align: _pt__default["default"].oneOf(["center", "start", "end", "stretch"]),
+  reverse: _pt__default["default"].bool,
+  wrap: _pt__default["default"].bool,
+  center: _pt__default["default"].bool,
+  children: _pt__default["default"].node
+};
+function getFlexDirection(direction, reverse) {
+  return reverse ? direction + "-reverse" : direction;
+}
+function getFlexJustifyContent(justify) {
+  switch (justify) {
+    case "start":
+    case "end":
+      return "flex-" + justify;
+    default:
+      return justify;
+  }
+}
+function getFlexAlignItems(align) {
+  switch (align) {
+    case "start":
+    case "end":
+      return "flex-" + align;
+    default:
+      return align;
+  }
+}
+function getFlexWrap(wrap) {
+  return wrap ? "wrap" : "nowrap";
+}
+
+module.exports = Flex;

package/donation/cjs/components/layout/grid.js

@@ -0,0 +1,46 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var _pt = require('prop-types');
+var _JSXStyle = require('styled-jsx/style');
+var React = require('react');
+var classnames = require('classnames');
+var box = require('./box.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _pt__default = /*#__PURE__*/_interopDefaultLegacy(_pt);
+var _JSXStyle__default = /*#__PURE__*/_interopDefaultLegacy(_JSXStyle);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+
+const _excluded = ["columns", "rows", "gap", "className", "children"];
+function Grid(_ref) {
+  let {
+      columns = "auto",
+      rows = "auto",
+      gap = "0",
+      className,
+      children
+    } = _ref,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  const scope = {
+    styles: /*#__PURE__*/React__default["default"].createElement(_JSXStyle__default["default"], {
+      id: "859707976",
+      dynamic: [columns, rows, gap]
+    }, `.grid.__jsx-style-dynamic-selector{display:grid;grid-template-columns:${columns};grid-template-rows:${rows};grid-gap:${gap};}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CMkIsQUFHb0IsYUFDc0MsbURBQ0gsZ0RBQ1Ysc0NBQ3hDIiwiZmlsZSI6ImdyaWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IGNuIGZyb20gXCJjbGFzc25hbWVzXCI7XG5pbXBvcnQgY3NzIGZyb20gXCJzdHlsZWQtanN4L2Nzc1wiO1xuaW1wb3J0IEJveCwgeyBCb3hQcm9wcyB9IGZyb20gXCIuL2JveFwiO1xuXG5pbnRlcmZhY2UgR3JpZFByb3BzIGV4dGVuZHMgT21pdDxCb3hQcm9wcywgXCJyb3dzXCIgfCBcInJlZlwiPiB7XG4gIGNvbHVtbnM/OiBzdHJpbmc7XG4gIHJvd3M/OiBzdHJpbmc7XG4gIGdhcD86IHN0cmluZztcbn1cblxuZnVuY3Rpb24gR3JpZCh7XG4gIGNvbHVtbnMgPSBcImF1dG9cIixcbiAgcm93cyA9IFwiYXV0b1wiLFxuICBnYXAgPSBcIjBcIixcbiAgY2xhc3NOYW1lLFxuICBjaGlsZHJlbixcbiAgLi4ucmVzdFxufTogR3JpZFByb3BzKSB7XG4gIGNvbnN0IHNjb3BlID0gY3NzLnJlc29sdmVgXG4gICAgLmdyaWQge1xuICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogJHtjb2x1bW5zfTtcbiAgICAgIGdyaWQtdGVtcGxhdGUtcm93czogJHtyb3dzfTtcbiAgICAgIGdyaWQtZ2FwOiAke2dhcH07XG4gICAgfVxuICBgO1xuXG4gIHJldHVybiAoXG4gICAgPEJveCBjbGFzc05hbWU9e2NuKFwiZ3JpZFwiLCBzY29wZS5jbGFzc05hbWUsIGNsYXNzTmFtZSl9IHsuLi5yZXN0fT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIHtzY29wZS5zdHlsZXN9XG4gICAgPC9Cb3g+XG4gICk7XG59XG5cbmV4cG9ydCBkZWZhdWx0IEdyaWQ7XG4iXX0= */
+/*@ sourceURL=grid.tsx */`),
+    className: _JSXStyle__default["default"].dynamic([["859707976", [columns, rows, gap]]])
+  };
+  return /*#__PURE__*/React__default["default"].createElement(box, _rollupPluginBabelHelpers["extends"]({
+    className: classnames__default["default"]("grid", scope.className, className)
+  }, rest), children, scope.styles);
+}
+Grid.propTypes = {
+  columns: _pt__default["default"].string,
+  rows: _pt__default["default"].string,
+  gap: _pt__default["default"].string
+};
+
+module.exports = Grid;

package/donation/cjs/components/layout/stack.js

@@ -0,0 +1,48 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var _pt = require('prop-types');
+var _JSXStyle = require('styled-jsx/style');
+var React = require('react');
+var classnames = require('classnames');
+var flex = require('./flex.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _pt__default = /*#__PURE__*/_interopDefaultLegacy(_pt);
+var _JSXStyle__default = /*#__PURE__*/_interopDefaultLegacy(_JSXStyle);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+
+const _excluded = ["gap", "direction", "reverse", "className", "children"];
+function Stack(_ref) {
+  let {
+      gap = "1rem",
+      direction = "row",
+      reverse = false,
+      className,
+      children
+    } = _ref,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  const scope = {
+    styles: /*#__PURE__*/React__default["default"].createElement(_JSXStyle__default["default"], {
+      id: "656990919",
+      dynamic: [gap, gap, gap, gap]
+    }, `.stack-row.__jsx-style-dynamic-selector:not(.stack-reverse)>*:not(:last-child){margin-right:${gap};}.stack-row.stack-reverse.__jsx-style-dynamic-selector>*:not(:last-child){margin-left:${gap};}.stack-column.__jsx-style-dynamic-selector:not(.stack-reverse)>*:not(:last-child){margin-bottom:${gap};}.stack-column.stack-everse.__jsx-style-dynamic-selector>*:not(:last-child){margin-top:${gap};}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0YWNrLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQjJCLEFBR2lELEFBSUQsQUFJRSxBQUlILHdDQUMxQyxDQVJBLENBSkEsQ0FRQSIsImZpbGUiOiJzdGFjay50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgY2xhc3NuYW1lcyBmcm9tIFwiY2xhc3NuYW1lc1wiO1xuaW1wb3J0IEZsZXgsIHsgRmxleFByb3BzIH0gZnJvbSBcIi4vZmxleFwiO1xuaW1wb3J0IGNzcyBmcm9tIFwic3R5bGVkLWpzeC9jc3NcIjtcblxuaW50ZXJmYWNlIFN0YWNrUHJvcHMgZXh0ZW5kcyBGbGV4UHJvcHMge1xuICBob3Jpem9udGFsPzogYm9vbGVhbjtcbiAgdmVydGljYWw/OiBib29sZWFuO1xuICBnYXA/OiBzdHJpbmc7XG59XG5cbmZ1bmN0aW9uIFN0YWNrKHtcbiAgZ2FwID0gXCIxcmVtXCIsXG4gIGRpcmVjdGlvbiA9IFwicm93XCIsXG4gIHJldmVyc2UgPSBmYWxzZSxcbiAgY2xhc3NOYW1lLFxuICBjaGlsZHJlbixcbiAgLi4ucmVzdFxufTogU3RhY2tQcm9wcykge1xuICBjb25zdCBzY29wZSA9IGNzcy5yZXNvbHZlYFxuICAgIC5zdGFjay1yb3c6bm90KC5zdGFjay1yZXZlcnNlKSA+IDpnbG9iYWwoKjpub3QoOmxhc3QtY2hpbGQpKSB7XG4gICAgICBtYXJnaW4tcmlnaHQ6ICR7Z2FwfTtcbiAgICB9XG5cbiAgICAuc3RhY2stcm93LnN0YWNrLXJldmVyc2UgPiA6Z2xvYmFsKCo6bm90KDpsYXN0LWNoaWxkKSkge1xuICAgICAgbWFyZ2luLWxlZnQ6ICR7Z2FwfTtcbiAgICB9XG5cbiAgICAuc3RhY2stY29sdW1uOm5vdCguc3RhY2stcmV2ZXJzZSkgPiA6Z2xvYmFsKCo6bm90KDpsYXN0LWNoaWxkKSkge1xuICAgICAgbWFyZ2luLWJvdHRvbTogJHtnYXB9O1xuICAgIH1cblxuICAgIC5zdGFjay1jb2x1bW4uc3RhY2stZXZlcnNlID4gOmdsb2JhbCgqOm5vdCg6bGFzdC1jaGlsZCkpIHtcbiAgICAgIG1hcmdpbi10b3A6ICR7Z2FwfTtcbiAgICB9XG4gIGA7XG5cbiAgcmV0dXJuIChcbiAgICA8RmxleFxuICAgICAgY2xhc3NOYW1lPXtjbGFzc25hbWVzKFxuICAgICAgICBcInN0YWNrXCIsXG4gICAgICAgIGBzdGFjay0ke2RpcmVjdGlvbn1gLFxuICAgICAgICByZXZlcnNlICYmIFwic3RhY2stcmV2ZXJzZVwiLFxuICAgICAgICBjbGFzc05hbWUsXG4gICAgICAgIHNjb3BlLmNsYXNzTmFtZVxuICAgICAgKX1cbiAgICAgIHJldmVyc2U9e3JldmVyc2V9XG4gICAgICBkaXJlY3Rpb249e2RpcmVjdGlvbn1cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIHtzY29wZS5zdHlsZXN9XG4gICAgPC9GbGV4PlxuICApO1xufVxuXG5leHBvcnQgZGVmYXVsdCBTdGFjaztcbiJdfQ== */
+/*@ sourceURL=stack.tsx */`),
+    className: _JSXStyle__default["default"].dynamic([["656990919", [gap, gap, gap, gap]]])
+  };
+  return /*#__PURE__*/React__default["default"].createElement(flex, _rollupPluginBabelHelpers["extends"]({
+    className: classnames__default["default"]("stack", `stack-${direction}`, reverse && "stack-reverse", className, scope.className),
+    reverse: reverse,
+    direction: direction
+  }, rest), children, scope.styles);
+}
+Stack.propTypes = {
+  horizontal: _pt__default["default"].bool,
+  vertical: _pt__default["default"].bool,
+  gap: _pt__default["default"].string
+};
+
+module.exports = Stack;