@planningcenter/tapestry-react 0.0.1-alpha.0

package/dist/esm/ItemList/ItemListController.js

@@ -0,0 +1,56 @@
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+import React, { Component } from 'react';
+import ItemListContext from './ItemListContext';
+
+var ItemListController = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(ItemListController, _Component);
+
+  function ItemListController() {
+    var _this;
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _Component.call.apply(_Component, [this].concat(args)) || this;
+
+    _defineProperty(_assertThisInitialized(_this), "highlightedItemId", null);
+
+    return _this;
+  }
+
+  var _proto = ItemListController.prototype;
+
+  _proto.componentDidMount = function componentDidMount() {
+    this.unsubsribeController = this.itemList.subscribeController(this);
+  };
+
+  _proto.componentWillUnmount = function componentWillUnmount() {
+    this.unsubsribeController();
+  };
+
+  _proto.render = function render() {
+    var _this2 = this;
+
+    return /*#__PURE__*/React.createElement(ItemListContext.Consumer, null, function (itemList) {
+      if (!_this2.itemList) {
+        _this2.itemList = itemList;
+      }
+
+      return _this2.props.children(_objectSpread(_objectSpread({}, itemList), {}, {
+        highlightedItemId: _this2.highlightedItemId
+      }));
+    });
+  };
+
+  return ItemListController;
+}(Component);
+
+export default ItemListController;

package/dist/esm/ItemList/ItemListItem.js

@@ -0,0 +1,91 @@
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import React, { Component } from 'react';
+import ItemListContext from './ItemListContext';
+
+var ItemListItem = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(ItemListItem, _Component);
+
+  function ItemListItem() {
+    var _this;
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _Component.call.apply(_Component, [this].concat(args)) || this;
+
+    _defineProperty(_assertThisInitialized(_this), "node", null);
+
+    _defineProperty(_assertThisInitialized(_this), "highlighted", false);
+
+    _defineProperty(_assertThisInitialized(_this), "highlight", function () {
+      if (!_this.props.disabled) {
+        _this.itemList.setHighlightedIndex(_this.props.index, {
+          maybeScrollIntoView: false
+        });
+      }
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "select", function () {
+      if (!_this.props.disabled) {
+        _this.itemList.selectItem(_this.props.index);
+      }
+    });
+
+    return _this;
+  }
+
+  var _proto = ItemListItem.prototype;
+
+  _proto.componentDidMount = function componentDidMount() {
+    this.setNode();
+    this.unsubscribeItem = this.itemList.subscribeItem(this);
+  };
+
+  _proto.componentDidUpdate = function componentDidUpdate(lastProps) {
+    if (lastProps.index !== this.props.index) {
+      // sort items array since index has changed and is now misplaced
+      this.itemList.items.sort(function (a, b) {
+        return a.props.index - b.props.index;
+      });
+      this.setNode();
+    }
+  };
+
+  _proto.componentWillUnmount = function componentWillUnmount() {
+    this.unsubscribeItem();
+  };
+
+  _proto.setNode = function setNode() {
+    this.node = document.getElementById(this.itemList.getItemId(this.props.index));
+  };
+
+  _proto.getNode = function getNode() {
+    return this.node;
+  };
+
+  _proto.render = function render() {
+    var _this2 = this;
+
+    return /*#__PURE__*/React.createElement(ItemListContext.Consumer, null, function (itemList) {
+      if (!_this2.itemList) {
+        _this2.itemList = itemList;
+      }
+
+      return _this2.props.children({
+        id: itemList.getItemId(_this2.props.index),
+        clearHighlight: itemList.clearHighlightedIndex,
+        highlight: _this2.highlight,
+        highlighted: _this2.highlighted,
+        select: _this2.select,
+        selected: itemList.isItemSelected(_this2.props.data)
+      });
+    });
+  };
+
+  return ItemListItem;
+}(Component);
+
+export default ItemListItem;

package/dist/esm/ItemList/index.js

@@ -0,0 +1,4 @@
+import ItemList from './ItemList';
+import ItemListController from './ItemListController';
+import ItemListItem from './ItemListItem';
+export { ItemList, ItemListController, ItemListItem };

package/dist/esm/ItemList/utils.js

@@ -0,0 +1,55 @@
+import { getClosestViewport } from '../utils';
+export function isNumberKey(event) {
+  return event.keyCode >= 48 && event.keyCode <= 57;
+}
+export function isLetterKey(event) {
+  return event.keyCode >= 65 && event.keyCode <= 90;
+}
+export function isSpecialKey(event) {
+  return event.keyCode >= 188 && event.keyCode <= 190;
+}
+export function isComboKey(event) {
+  return event.ctrlKey || event.metaKey || event.altKey;
+}
+export function modulo(val, max) {
+  return val >= 0 ? val % max : (val % max + max) % max;
+}
+export function scroller(node) {
+  if (node === document.body) {
+    return {
+      offsetTop: 0,
+      scrollY: window.pageYOffset,
+      height: window.innerHeight,
+      setPosition: function setPosition(top) {
+        return window.scrollTo(0, top);
+      }
+    };
+  } else {
+    return {
+      offsetTop: node.getBoundingClientRect().top,
+      scrollY: node.scrollTop,
+      height: node.offsetHeight,
+      setPosition: function setPosition(top) {
+        return node.scrollTop = top;
+      }
+    };
+  }
+}
+export function scrollIntoView(node) {
+  var scrollParent = scroller(getClosestViewport(node));
+
+  if (scrollParent === null) {
+    return;
+  }
+
+  var nodeRect = node.getBoundingClientRect();
+  var nodeTop = scrollParent.scrollY + (nodeRect.top - scrollParent.offsetTop);
+
+  if (nodeTop < scrollParent.scrollY) {
+    // the item is above the scrollable area
+    scrollParent.setPosition(nodeTop);
+  } else if (nodeTop + nodeRect.height > scrollParent.scrollY + scrollParent.height) {
+    // the item is below the scrollable area
+    scrollParent.setPosition(nodeTop + nodeRect.height - scrollParent.height);
+  }
+}

package/dist/esm/Link/Inline.js

@@ -0,0 +1,40 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+import React from 'react';
+import Link from './Link';
+
+function Inline(_ref) {
+  var light = _ref.light,
+      hover = _ref.hover,
+      focus = _ref.focus,
+      readOnly = _ref.readOnly,
+      restProps = _objectWithoutPropertiesLoose(_ref, ["light", "hover", "focus", "readOnly"]);
+
+  var pseudoStyles = restProps.readOnly || restProps.disabled ? {} : {
+    backgroundColor: light ? 'light-0' : 'dark-0'
+  };
+
+  if (!restProps.disabled && (hover || focus)) {
+    restProps = _objectSpread(_objectSpread({}, restProps), pseudoStyles);
+  }
+
+  return /*#__PURE__*/React.createElement(Link, _extends({
+    underline: false,
+    paddingLeft: 0.5,
+    marginHorizontal: -0.5,
+    stroke: false,
+    backgroundColor: "transparent",
+    color: light ? 'light-9' : 'dark-9',
+    hover: pseudoStyles,
+    focus: pseudoStyles,
+    readOnly: readOnly
+  }, restProps));
+}
+
+export default Inline;

package/dist/esm/Link/Link.js

@@ -0,0 +1,66 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+import React from 'react';
+import Text from '../Text';
+
+function Link(_ref) {
+  var to = _ref.to,
+      _ref$color = _ref.color,
+      color = _ref$color === void 0 ? 'linkForeground' : _ref$color,
+      external = _ref.external,
+      _ref$underline = _ref.underline,
+      underline = _ref$underline === void 0 ? true : _ref$underline,
+      hover = _ref.hover,
+      focus = _ref.focus,
+      restProps = _objectWithoutPropertiesLoose(_ref, ["to", "color", "external", "underline", "hover", "focus"]);
+
+  var props = {
+    display: 'inline-block',
+    position: 'relative',
+    hover: _objectSpread({
+      color: color
+    }, hover),
+    focus: _objectSpread({
+      color: color
+    }, focus),
+    color: color
+  };
+
+  if (restProps.disabled) {
+    props.cursor = 'not-allowed';
+    props.opacity = 0.64;
+  } else {
+    props.cursor = 'pointer';
+
+    if (to) {
+      props.as = 'a';
+      props.href = to;
+    }
+
+    if (external) {
+      props.rel = 'noopener noreferrer';
+      props.target = '_blank';
+    }
+
+    if (underline) {
+      props.hover = _objectSpread({
+        color: color,
+        textDecoration: 'underline'
+      }, hover);
+      props.focus = _objectSpread({
+        color: color,
+        textDecoration: 'underline'
+      }, focus);
+    }
+  }
+
+  return /*#__PURE__*/React.createElement(Text, _extends({}, props, restProps));
+}
+
+export default Link;

package/dist/esm/Link/index.js

@@ -0,0 +1,4 @@
+import Link from './Link';
+import Inline from './Inline';
+Link.Inline = Inline;
+export default Link;

package/dist/esm/LinkList/LinkList.js

@@ -0,0 +1,31 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import React from 'react';
+import Divider from '../Divider';
+import Link from '../Link';
+import StackView from '../StackView';
+
+var _ref2 = /*#__PURE__*/React.createElement(Divider, {
+  axis: "vertical",
+  margin: 1,
+  color: "grey-6"
+});
+
+function LinkList(_ref) {
+  var links = _ref.links,
+      restProps = _objectWithoutPropertiesLoose(_ref, ["links"]);
+
+  return /*#__PURE__*/React.createElement(StackView, _extends({
+    axis: "horizontal",
+    alignment: "center",
+    spacing: _ref2,
+    wrap: true
+  }, restProps), links.map(function (link) {
+    return /*#__PURE__*/React.createElement(Link, {
+      key: link.url,
+      to: link.url
+    }, link.name);
+  }));
+}
+
+export default LinkList;

package/dist/esm/LinkList/index.js

@@ -0,0 +1,2 @@
+import LinkList from './LinkList';
+export default LinkList;

package/dist/esm/List/List.js

@@ -0,0 +1,51 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import React from 'react';
+import StackView from '../StackView';
+import { cloneChildren } from '../utils';
+import ListItem from './ListItem';
+
+function List(_ref) {
+  var border = _ref.border,
+      _ref$borderColor = _ref.borderColor,
+      borderColor = _ref$borderColor === void 0 ? 'separatorTertiary' : _ref$borderColor,
+      children = _ref.children,
+      _ref$divider = _ref.divider,
+      divider = _ref$divider === void 0 ? true : _ref$divider,
+      _ref$dividerColor = _ref.dividerColor,
+      dividerColor = _ref$dividerColor === void 0 ? 'separatorTertiary' : _ref$dividerColor,
+      onItemRemoveRequest = _ref.onItemRemoveRequest,
+      restProps = _objectWithoutPropertiesLoose(_ref, ["border", "borderColor", "children", "divider", "dividerColor", "onItemRemoveRequest"]);
+
+  if (border) {
+    restProps.borderTopWidth = 1;
+    restProps.borderTopColor = borderColor;
+    restProps.borderBottomWidth = 1;
+    restProps.borderBottomColor = borderColor;
+  }
+
+  return /*#__PURE__*/React.createElement(StackView, restProps, cloneChildren(children, function (child, _ref2) {
+    var index = _ref2.index,
+        lastChild = _ref2.lastChild;
+    var childProps = divider && !lastChild ? {
+      borderBottomWidth: 1,
+      borderBottomColor: dividerColor
+    } : {};
+
+    if (onItemRemoveRequest || child.props.onRemoveRequest) {
+      childProps.onRemoveRequest = function () {
+        if (onItemRemoveRequest) {
+          onItemRemoveRequest(index);
+        }
+
+        if (child.props.onRemoveRequest) {
+          child.props.onRemoveRequest(index);
+        }
+      };
+    }
+
+    return childProps;
+  }));
+}
+
+List.Item = ListItem;
+export default List;

package/dist/esm/List/ListItem.js

@@ -0,0 +1,39 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import React from 'react';
+import Button from '../Button';
+import StackView from '../StackView';
+import { useHover } from '../hooks';
+
+function ListItem(_ref) {
+  var children = _ref.children,
+      onRemoveRequest = _ref.onRemoveRequest,
+      _ref$removeTitle = _ref.removeTitle,
+      removeTitle = _ref$removeTitle === void 0 ? 'Remove item' : _ref$removeTitle,
+      restProps = _objectWithoutPropertiesLoose(_ref, ["children", "onRemoveRequest", "removeTitle"]);
+
+  var _useHover = useHover(),
+      hover = _useHover.hover,
+      hoverProps = _useHover.hoverProps;
+
+  return /*#__PURE__*/React.createElement(StackView, _extends({
+    axis: "horizontal",
+    alignment: "center",
+    distribution: "space-between",
+    padding: 1,
+    backgroundColor: "surface"
+  }, hoverProps, restProps), children, onRemoveRequest && /*#__PURE__*/React.createElement(Button, {
+    icon: {
+      name: 'remove-circle-filled'
+    },
+    title: removeTitle,
+    size: "sm",
+    theme: "error",
+    variant: "naked",
+    marginLeft: 1,
+    opacity: hover ? 1 : 0,
+    onClick: onRemoveRequest
+  }));
+}
+
+export default ListItem;

package/dist/esm/List/index.js

@@ -0,0 +1,2 @@
+import List from './List';
+export default List;

package/dist/esm/Logo/Logo.js

@@ -0,0 +1,51 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import React from 'react';
+import Box from '../Box';
+var mark = {
+  services: "M12,0C2.4,0,0,2.4,0,12c0,9.6,2.4,12,12,12s12-2.4,12-12C24,2.4,21.6,0,12,0z M6.5,17.4c-0.7,0-1.3-0.6-1.3-1.3\n    c0-0.7,0.6-1.3,1.3-1.3s1.3,0.6,1.3,1.3C7.8,16.9,7.2,17.4,6.5,17.4z M6.5,13.3c-0.7,0-1.3-0.6-1.3-1.3c0-0.7,0.6-1.3,1.3-1.3\n    s1.3,0.6,1.3,1.3C7.8,12.7,7.2,13.3,6.5,13.3z M6.5,9.2c-0.7,0-1.3-0.6-1.3-1.3s0.6-1.3,1.3-1.3s1.3,0.6,1.3,1.3S7.2,9.2,6.5,9.2z\n     M18,16.7c0,0.3-0.3,0.6-0.6,0.6H9.8c-0.3,0-0.6-0.3-0.6-0.6v-1.1c0-0.3,0.3-0.6,0.6-0.6h7.7c0.3,0,0.6,0.3,0.6,0.6V16.7z M18,12.6\n    c0,0.3-0.3,0.6-0.6,0.6H9.8c-0.3,0-0.6-0.3-0.6-0.6v-1.1c0-0.3,0.3-0.6,0.6-0.6h7.7c0.3,0,0.6,0.3,0.6,0.6V12.6z M18,8.4\n    C18,8.8,17.8,9,17.4,9H9.8C9.5,9,9.2,8.8,9.2,8.4V7.3c0-0.3,0.3-0.6,0.6-0.6h7.7C17.8,6.7,18,7,18,7.3V8.4z",
+  'music-stand': "M12.1,0C2.5,0,0,2.3,0,11.9C0,21.5,2.3,24,11.9,24c9.6,0,12-2.3,12.1-11.9C24,2.5,21.7,0,12.1,0z M17.3,14.5L17.3,14.5\n    c0,0.9-1,1.7-2.3,1.9c-1.4,0.2-2.6-0.5-2.7-1.4c-0.1-0.9,0.9-1.8,2.3-1.9c0.4-0.1,0.9,0,1.2,0.1l0-4.4l-6.1,2l0,5.5l0,0\n    c-0.1,0.8-1.1,1.5-2.3,1.7c-1.4,0.2-2.6-0.5-2.7-1.4c-0.1-0.9,0.9-1.8,2.3-1.9c0.4-0.1,0.9,0,1.2,0.1l0-5.1c0-0.3,0.1-0.7,0.3-0.7\n    c1.3-0.4,7.4-2.4,8.2-2.6c0.3-0.1,0.5,0.2,0.5,0.3L17.3,14.5z"
+};
+var type = {
+  services: {
+    width: 114,
+    path: "M41.1,14.4c0,1.8-1.5,3.6-4.4,3.6c-1.9,0-3.3-0.8-4-1.2l0,0c-0.2-0.2-0.4-0.5-0.3-0.8l0.5-1.1c0.1-0.1,0.2-0.3,0.4-0.3\n    c0.2-0.1,0.4,0,0.6,0.1l0,0c0.7,0.4,1.5,0.8,2.9,0.8c0.9,0,1.4-0.4,1.4-1c0-0.7-0.8-1.2-2.5-1.9c-1.7-0.8-3.3-1.8-3.3-3.9\n    c0-1.7,1.3-3.4,4.1-3.4c1.6,0,2.9,0.5,3.6,0.9c0.4,0.3,0.5,0.7,0.3,1.1L40,8.1c-0.2,0.4-0.6,0.4-1,0.3c-0.9-0.4-1.7-0.6-2.5-0.6\n    c-1,0-1.4,0.5-1.4,0.9c0,0.7,0.7,1.1,2,1.6C39.5,11.3,41.1,12.2,41.1,14.4z M53.5,10.9c0,0.2,0,0.6-0.1,0.8c0,0.4-0.4,0.6-0.7,0.6\n    h-8.1c0.1,1.5,1.5,3,3.4,3c1.4,0,2.1-0.5,2.8-1c0.1-0.1,0.3-0.2,0.5-0.2c0.1,0,0.3,0.1,0.4,0.3l0.7,1.1c0.2,0.3,0.4,0.6-0.1,1\n    C52,16.9,50.5,18,47.9,18c-3.5,0-6.1-2.7-6.1-6.4c0-3.6,2.6-6.4,6.1-6.4C51,5.3,53.5,7.7,53.5,10.9z M44.8,10.2h5.8\n    c-0.1-1.2-1.1-2.4-2.8-2.4C46.2,7.8,45,8.7,44.8,10.2z M60.8,5.3c-2,0-3.1,1.1-3.6,1.6L57,6.1c-0.1-0.3-0.4-0.5-0.7-0.5h-0.6\n    c-0.4,0-0.7,0.3-0.7,0.7V17c0,0.4,0.3,0.7,0.7,0.7h1.2c0.4,0,1,0,1-0.7V9.5C58.1,9.2,59,8,60.5,8c0.4,0,0.9,0.1,1,0.2\n    c0.2,0.1,0.3,0.1,0.5,0c0.2-0.1,0.3-0.2,0.4-0.4l0.6-1.3c0.1-0.3,0.1-0.5,0-0.6C62.8,5.5,61.7,5.3,60.8,5.3z M74.7,5.5h-1.2\n    c-0.3,0-0.7,0-0.9,0.4L69.3,13L66.3,6c-0.1-0.2-0.3-0.4-0.6-0.4H64c-0.3,0-0.5,0.1-0.6,0.3c-0.1,0.2-0.1,0.4,0,0.6l5.2,11.2\n    c0.1,0.2,0.3,0.4,0.6,0.4h0.2c0.3,0,0.5-0.1,0.6-0.4l5.2-11.2c0.1-0.2,0.1-0.4,0-0.6C75.2,5.6,74.9,5.5,74.7,5.5z M78.4,5.5H77\n    c-0.4,0-0.7,0.3-0.7,0.7V17c0,0.4,0.3,0.7,0.7,0.7h1.4c0.4,0,0.7-0.3,0.7-0.7V6.3C79.1,5.9,78.8,5.5,78.4,5.5z M77.7,0.2\n    c-1,0-1.8,0.8-1.8,1.9c0,1,0.8,1.9,1.8,1.9c1,0,1.9-0.8,1.9-1.9C79.6,1,78.8,0.2,77.7,0.2z M90.7,13.8c-0.3-0.3-0.7-0.2-1,0.1\n    c-0.1,0.1-0.2,0.2-0.3,0.3c-0.5,0.5-1.2,1.2-2.4,1.2c-1.9,0-3.4-1.6-3.4-3.7c0-2,1.5-3.6,3.5-3.6c0.9,0,1.8,0.6,2.4,1.1\n    c0.2,0.2,0.5,0.5,1,0.1l0.9-0.9c0.3-0.3,0.4-0.7,0.1-1C90.2,6,88.8,5.3,87,5.3c-3.5,0-6.3,2.9-6.3,6.4c0,3.6,2.7,6.4,6.2,6.4\n    c2,0,3.7-0.9,4.8-2.5c0.2-0.2,0.2-0.6-0.2-1L90.7,13.8z M104,10.9c0,0.2,0,0.6-0.1,0.8c0,0.4-0.4,0.6-0.7,0.6h-8.1\n    c0.1,1.5,1.5,3,3.4,3c1.4,0,2.1-0.5,2.8-1c0.1-0.1,0.3-0.2,0.5-0.2c0.1,0,0.3,0.1,0.4,0.3l0.7,1.1c0.2,0.3,0.4,0.6-0.1,1\n    c-0.4,0.4-1.9,1.5-4.5,1.5c-3.5,0-6.1-2.7-6.1-6.4c0-3.6,2.6-6.4,6.1-6.4C101.6,5.3,104,7.7,104,10.9z M95.3,10.2h5.8\n    C101,9,100,7.8,98.3,7.8C96.7,7.8,95.5,8.7,95.3,10.2z M109.5,10.3c-1.3-0.6-2-1-2-1.6c0-0.5,0.4-0.9,1.4-0.9\n    c0.8,0,1.6,0.2,2.5,0.6c0.3,0.1,0.8,0.1,1-0.3l0.4-0.8c0.2-0.4,0.1-0.8-0.3-1.1c-0.7-0.4-2-0.9-3.6-0.9c-2.8,0-4.1,1.7-4.1,3.4\n    c0,2.1,1.6,3.1,3.3,3.9c1.7,0.8,2.5,1.2,2.5,1.9c0,0.6-0.6,1-1.4,1c-1.4,0-2.2-0.5-2.9-0.8l0,0c-0.2-0.1-0.4-0.1-0.6-0.1\n    c-0.2,0-0.3,0.2-0.4,0.3l-0.5,1.1c-0.2,0.3,0,0.6,0.2,0.8l0,0c0.7,0.5,2.1,1.2,4,1.2c2.9,0,4.4-1.8,4.4-3.6\n    C113.4,12.2,111.9,11.3,109.5,10.3z"
+  },
+  'music-stand': {
+    width: 152,
+    path: "M50.8,11.2l0,6c0,0.4-0.3,0.7-0.7,0.7l-1.4,0c-0.4,0-0.7-0.3-0.7-0.7l0-6.1c0-1.9-0.7-2.9-2.2-2.9c-1.5,0-2.3,0.9-2.7,1.2\n      c0,0,0,0.1-0.1,0.1c0.1,0.3,0.1,1,0.1,1.6l0,6.2c0,0.4-0.3,0.7-0.7,0.7l-1.5,0c-0.4,0-0.7-0.3-0.7-0.7l0-6.1c0-2-0.7-2.9-2.2-2.9\n      c-1.8,0-2.6,1.3-2.7,1.6l0,7.4c0,0.4-0.3,0.7-0.7,0.7l-1.4,0c-0.4,0-0.7-0.3-0.7-0.7l0-10.8c0-0.4,0.3-0.7,0.7-0.7l0.6,0\n      c0.3,0,0.5,0.2,0.6,0.5l0.3,0.8c0.6-0.6,1.8-1.5,3.7-1.5c1.6,0,2.7,0.6,3.6,1.8c1.2-1.2,2.6-1.8,4-1.8C50.4,5.4,50.8,8.7,50.8,11.2\n      z M63.5,6.5l0,10.8c0,0.4-0.3,0.7-0.7,0.7l-0.6,0c-0.4,0-0.6-0.3-0.7-0.6l-0.2-0.6c-0.4,0.5-1.6,1.5-3.7,1.5c-4.1,0-4.6-3-4.6-5.6\n      l0-6.2c0-0.4,0.3-0.7,0.7-0.7l1.4,0c0.4,0,0.7,0.3,0.7,0.7l0,6.3c0,1.8,0.7,2.7,2.2,2.7c1.6,0,2.6-1.3,2.7-1.8l0-7.2\n      c0-0.7,0.4-0.7,0.8-0.7l1.3,0C63.2,5.8,63.5,6.1,63.5,6.5z M73.8,14.7c0,1.8-1.5,3.6-4.4,3.6c-1.9,0-3.3-0.8-4-1.3l0,0\n      c-0.2-0.2-0.4-0.5-0.2-0.8l0.5-1.1c0.1-0.1,0.2-0.3,0.4-0.3c0.2-0.1,0.4,0,0.6,0.1l0,0c0.7,0.4,1.5,0.8,2.9,0.8\n      c0.9,0,1.4-0.4,1.4-1c0-0.7-0.8-1.2-2.5-1.9c-1.7-0.8-3.3-1.8-3.3-3.9c0-1.7,1.3-3.4,4.1-3.4c1.6,0,2.9,0.5,3.6,0.9\n      c0.4,0.3,0.5,0.7,0.3,1.1l-0.4,0.8c-0.2,0.4-0.6,0.4-1,0.3C70.9,8.2,70.1,8,69.3,8c-1,0-1.4,0.5-1.4,0.9c0,0.7,0.7,1.1,1.9,1.6\n      C72.3,11.6,73.8,12.4,73.8,14.7z M78.6,2.3c0,1-0.9,1.9-1.9,1.9c-1,0-1.8-0.8-1.8-1.9c0-1.1,0.8-1.9,1.8-1.9\n      C77.8,0.4,78.6,1.3,78.6,2.3z M78.1,6.5l0,10.8c0,0.4-0.3,0.7-0.7,0.7l-1.4,0c-0.4,0-0.7-0.3-0.7-0.7l0-10.8c0-0.4,0.3-0.7,0.7-0.7\n      l1.4,0C77.8,5.8,78.1,6.2,78.1,6.5z M90.4,14.8c0.5,0.4,0.4,0.8,0.2,1c-1.1,1.6-2.8,2.5-4.8,2.5c-3.5,0-6.2-2.8-6.2-6.4\n      c0-3.5,2.8-6.4,6.3-6.4c1.9,0,3.3,0.7,4.4,2.1c0.3,0.3,0.2,0.7-0.1,1l-0.9,0.8c-0.4,0.4-0.8,0.1-1-0.1c-0.5-0.6-1.4-1.2-2.3-1.2\n      c-1.9,0-3.5,1.6-3.5,3.6c0,2,1.5,3.7,3.4,3.7c1.3,0,1.9-0.6,2.4-1.1c0.1-0.1,0.2-0.2,0.3-0.3c0.3-0.3,0.7-0.3,1-0.1L90.4,14.8z\n       M105.6,14.8c0,1.8-1.5,3.6-4.4,3.6c-1.9,0-3.3-0.8-4-1.3l0,0C97,17,96.8,16.7,97,16.4l0.5-1.1c0.1-0.1,0.2-0.3,0.4-0.3\n      c0.2-0.1,0.4,0,0.6,0.1l0,0c0.7,0.4,1.5,0.8,2.9,0.8c0.9,0,1.4-0.4,1.4-1c0-0.7-0.8-1.2-2.5-1.9c-1.7-0.8-3.3-1.8-3.3-3.9\n      c0-1.7,1.3-3.4,4.1-3.4c1.6,0,2.9,0.5,3.6,0.9c0.4,0.3,0.5,0.7,0.3,1.1l-0.4,0.8c-0.2,0.4-0.6,0.4-1,0.3c-0.9-0.4-1.7-0.6-2.5-0.6\n      c-1,0-1.4,0.5-1.4,0.9c0,0.7,0.7,1.1,1.9,1.6C104.1,11.7,105.6,12.6,105.6,14.8z M114.8,16.7c0.2,0.5-0.2,0.8-0.3,0.9\n      c-0.5,0.3-1.9,0.9-3.4,0.9c-2.8,0-3.1-2-3.1-3.7l0-6.3l-1.2,0c-0.4,0-0.7-0.4-0.7-0.7l0-1.1c0-0.4,0.3-0.7,0.7-0.7l1.2,0l0-3.2\n      c0-0.4,0.3-0.7,0.7-0.7l1.5,0c0.4,0,0.7,0.3,0.7,0.7l0,3.2l3,0c0.4,0,0.7,0.3,0.7,0.7l0,1.1c0,0.4-0.3,0.7-0.7,0.7l-3,0l0,6.2\n      c0,1,0.4,1.1,0.8,1.1c0.8,0,1.6-0.4,1.8-0.5c0.2-0.1,0.4-0.1,0.5-0.1c0.2,0.1,0.3,0.2,0.4,0.4L114.8,16.7z M120.9,5.8\n      c-2.3,0-4.1,0.6-4.2,0.7c-0.4,0.1-0.6,0.4-0.5,0.9l0.2,1c0.1,0.4,0.4,0.7,0.8,0.6c0.6-0.2,1.9-0.6,3.3-0.5c0.6,0,1,0.1,1.3,0.4\n      c0.4,0.4,0.5,1,0.5,2c-0.4-0.1-1.3-0.3-2.3-0.3c-3,0-4.9,1.5-4.9,4c0,2.5,1.6,4.1,4,4.1c1.4,0,2.6-0.5,3.6-1.4l0.2,0.6\n      c0.1,0.3,0.3,0.5,0.6,0.5l0.9,0c0.4,0,0.7-0.3,0.7-0.7l0-6.3C125.2,8.2,124.9,5.8,120.9,5.8z M119.7,16.1c-1.1,0-1.7-0.7-1.7-1.8\n      c0-1.1,0.9-1.8,2.3-1.8c0.9,0,1.8,0.3,2,0.4l0,1.9C122,15.3,120.8,16.1,119.7,16.1z M138.4,11.6l0,6c0,0.4-0.3,0.7-0.7,0.7l-1.4,0\n      c-0.4,0-0.7-0.3-0.7-0.7l0-6.1c0-1.9-0.8-2.9-2.2-2.9c-1.7,0-2.8,1.1-3,1.6l0,7.4c0,0.5-0.3,0.7-0.8,0.7l-1.3,0\n      c-0.4,0-0.7-0.3-0.7-0.7l0-10.8c0-0.4,0.3-0.7,0.7-0.7l0.6,0c0.3,0,0.6,0.2,0.6,0.5l0.3,0.8c0.4-0.4,1.8-1.5,4-1.5\n      C136.8,5.8,138.4,7.7,138.4,11.6z M150.9,0l-1.5,0c-0.4,0-0.7,0.3-0.7,0.7l0,5.7c-0.5-0.2-1.5-0.6-2.9-0.6c-3.4,0-5.9,2.7-5.9,6.3\n      c0,3.6,2.4,6.4,5.6,6.4c2,0,3.4-1.1,3.9-1.5l0.2,0.7c0.1,0.4,0.3,0.6,0.7,0.6l0.6,0c0.4,0,0.7-0.3,0.7-0.7l0.1-16.9\n      C151.6,0.3,151.3,0,150.9,0z M145.8,15.9c-1.7,0-3.1-1.6-3.1-3.7c0-2,1.5-3.6,3.3-3.6c1.3,0,2.3,0.5,2.6,0.7l0,5\n      C148.5,14.6,147.6,15.9,145.8,15.9z"
+  }
+};
+
+var Logo = function Logo(_ref) {
+  var name = _ref.name,
+      markOnly = _ref.markOnly,
+      restProps = _objectWithoutPropertiesLoose(_ref, ["name", "markOnly"]);
+
+  if (markOnly) {
+    return /*#__PURE__*/React.createElement(Box, _extends({
+      as: "svg",
+      width: "24px",
+      height: "24px",
+      viewBox: "0 0 24 24"
+    }, restProps), /*#__PURE__*/React.createElement("path", {
+      d: mark[name]
+    }));
+  } else {
+    var _type$name = type[name],
+        width = _type$name.width,
+        path = _type$name.path;
+    return /*#__PURE__*/React.createElement(Box, _extends({
+      as: "svg",
+      width: width + 'px',
+      height: "24px",
+      viewBox: "0 0 " + width + " 24"
+    }, restProps), /*#__PURE__*/React.createElement("path", {
+      d: mark[name]
+    }), /*#__PURE__*/React.createElement("path", {
+      d: path
+    }));
+  }
+};
+
+export default Logo;

package/dist/esm/Logo/index.js

@@ -0,0 +1,2 @@
+import Logo from './Logo';
+export default Logo;

package/dist/esm/Menu/Heading.js

@@ -0,0 +1,16 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import React from 'react';
+import HeadingUppercase from '../HeadingUppercase';
+
+function Heading(_ref) {
+  var children = _ref.children,
+      restProps = _objectWithoutPropertiesLoose(_ref, ["children"]);
+
+  return /*#__PURE__*/React.createElement(HeadingUppercase, _extends({
+    padding: 1,
+    paddingBottom: 0.5
+  }, restProps), children);
+}
+
+export default Heading;

package/dist/esm/Menu/Item.js

@@ -0,0 +1,77 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import React, { cloneElement } from 'react';
+import Box from '../Box';
+import StackView from '../StackView';
+
+function Item(_ref) {
+  var _ref$backgroundColor = _ref.backgroundColor,
+      backgroundColor = _ref$backgroundColor === void 0 ? 'surface' : _ref$backgroundColor,
+      children = _ref.children,
+      disabled = _ref.disabled,
+      _ref$highlightedColor = _ref.highlightedColor,
+      highlightedColor = _ref$highlightedColor === void 0 ? 'highlight' : _ref$highlightedColor,
+      isHighlighted = _ref.isHighlighted,
+      renderLeft = _ref.renderLeft,
+      renderRight = _ref.renderRight,
+      props = _objectWithoutPropertiesLoose(_ref, ["backgroundColor", "children", "disabled", "highlightedColor", "isHighlighted", "renderLeft", "renderRight"]);
+
+  var css = {
+    axis: 'horizontal',
+    alignment: 'center',
+    shrink: 0,
+    minHeight: 4,
+    fontSize: '14px',
+    paddingVertical: 0.75,
+    paddingHorizontal: 1,
+    whiteSpace: 'nowrap',
+    position: 'relative',
+    userSelect: 'none',
+    backgroundColor: backgroundColor
+  };
+
+  if (renderLeft) {
+    css.paddingLeft = 4;
+  }
+
+  if (renderRight) {
+    css.paddingRight = 4;
+  }
+
+  if (isHighlighted) {
+    css.backgroundColor = highlightedColor;
+  }
+
+  if (disabled) {
+    css.cursor = 'not-allowed';
+    css.opacity = 0.65;
+  } else if (props.onClick || props.onDoubleClick || props.onMouseDown || props.onMouseUp) {
+    css.cursor = 'pointer';
+  }
+
+  return /*#__PURE__*/React.createElement(StackView, _extends({}, css, props), renderLeft && /*#__PURE__*/React.createElement(Box, {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    width: 4,
+    height: "100%",
+    position: "absolute",
+    top: 0,
+    left: "-1px"
+  }, typeof renderLeft === 'function' ? renderRight() : /*#__PURE__*/cloneElement(renderLeft, {
+    size: renderLeft.props && renderLeft.props.size || 'md'
+  })), children, renderRight && /*#__PURE__*/React.createElement(Box, {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    width: 4,
+    height: "100%",
+    position: "absolute",
+    top: 0,
+    right: "-1px"
+  }, typeof renderRight === 'function' ? renderRight() : /*#__PURE__*/cloneElement(renderRight, {
+    size: renderRight.props && renderRight.props.size || 'md'
+  })));
+}
+
+export default Item;

package/dist/esm/Menu/Menu.js

@@ -0,0 +1,18 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+import Card from '../Card';
+import Heading from './Heading';
+import Item from './Item';
+
+function Menu(props) {
+  return /*#__PURE__*/React.createElement(Card, _extends({
+    paddingVertical: 0.5,
+    minWidth: 12,
+    overflow: "auto",
+    outline: 0
+  }, props));
+}
+
+Menu.Heading = Heading;
+Menu.Item = Item;
+export default Menu;

package/dist/esm/Menu/index.js

@@ -0,0 +1,2 @@
+import Menu from './Menu';
+export default Menu;