@ndla/ui 14.0.0 → 15.1.1

package/lib/MyNdla/Navigation/VerticalNavigation.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.VerticalNavigation = void 0;
+
+var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _core = require("@ndla/core");
+
+var _safelink = _interopRequireDefault(require("@ndla/safelink"));
+
+var _core2 = require("@emotion/core");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+/*
+ * Copyright (c) 2022-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+var NavigationWrapper = (0, _styledBase["default"])("div", {
+  target: "egnqy3z0",
+  label: "NavigationWrapper"
+})("display:flex;justify-content:flex-start;margin:0;max-width:20vw;border-right:1px solid ", _core.colors.brand.greyLighter, ";height:100%;", _core.mq.range({
+  until: _core.breakpoints.tabletWide
+}), "{display:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlZlcnRpY2FsTmF2aWdhdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY29DIiwiZmlsZSI6IlZlcnRpY2FsTmF2aWdhdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IFNhZmVMaW5rQnV0dG9uIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IG1xLCBicmVha3BvaW50cyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG5jb25zdCBOYXZpZ2F0aW9uV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgbWFyZ2luOiAwO1xuICBtYXgtd2lkdGg6IDIwdnc7XG4gIGJvcmRlci1yaWdodDogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodGVyfTtcbiAgaGVpZ2h0OiAxMDAlO1xuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gO1xuXG5jb25zdCBOYXZpZ2F0aW9uID0gc3R5bGVkLmRpdmBcbiAgcGFkZGluZzogJHtzcGFjaW5nLmxhcmdlfTtcbmA7XG5cbmNvbnN0IE5hdmlnYXRpb25FbGVtZW50VGV4dCA9IHN0eWxlZC5kaXZgXG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LnByaW1hcnl9O1xuYDtcblxuY29uc3QgTmF2aWdhdGlvbkVsZW1lbnQgPSBzdHlsZWQoU2FmZUxpbmtCdXR0b24pYFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6IDExcHg7XG4gIGhlaWdodDogMzBweDtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgJjpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMuYnJhbmQubGlnaHRlcn07XG4gICAgYm9yZGVyLXJhZGl1czogNSU7XG4gICAgc3ZnIHtcbiAgICAgIGZpbGw6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgIH1cbiAgICAke05hdmlnYXRpb25FbGVtZW50VGV4dH0ge1xuICAgICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgIH1cbiAgfVxuICAmOmZvY3VzIHtcbiAgICBzdmcge1xuICAgICAgZmlsbDogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gICAgfVxuICAgICR7TmF2aWdhdGlvbkVsZW1lbnRUZXh0fSB7XG4gICAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBJY29uV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHN2ZyB7XG4gICAgZmlsbDogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgICBoZWlnaHQ6IDIwcHg7XG4gICAgd2lkdGg6IDIwcHg7XG4gIH1cbmA7XG5cbmludGVyZmFjZSBOYXZQcm9wcyB7XG4gIG5hdkVsZW1lbnRzPzoge1xuICAgIGljb246IFJlYWN0Tm9kZTtcbiAgICB1cmw6IHN0cmluZztcbiAgICBuYW1lOiBzdHJpbmc7XG4gIH1bXTtcbn1cbmV4cG9ydCBjb25zdCBWZXJ0aWNhbE5hdmlnYXRpb24gPSAoeyBuYXZFbGVtZW50cyB9OiBOYXZQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxOYXZpZ2F0aW9uV3JhcHBlcj5cbiAgICAgIDxOYXZpZ2F0aW9uPlxuICAgICAgICB7bmF2RWxlbWVudHM/Lm1hcCgoZWxlbWVudCkgPT4ge1xuICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8TmF2aWdhdGlvbkVsZW1lbnQgdG89e2VsZW1lbnQudXJsfT5cbiAgICAgICAgICAgICAgPEljb25XcmFwcGVyPntlbGVtZW50Lmljb259PC9JY29uV3JhcHBlcj5cbiAgICAgICAgICAgICAgPE5hdmlnYXRpb25FbGVtZW50VGV4dD57ZWxlbWVudC5uYW1lfTwvTmF2aWdhdGlvbkVsZW1lbnRUZXh0PlxuICAgICAgICAgICAgPC9OYXZpZ2F0aW9uRWxlbWVudD5cbiAgICAgICAgICApO1xuICAgICAgICB9KX1cbiAgICAgIDwvTmF2aWdhdGlvbj5cbiAgICA8L05hdmlnYXRpb25XcmFwcGVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgVmVydGljYWxOYXZpZ2F0aW9uO1xuIl19 */"));
+var Navigation = (0, _styledBase["default"])("div", {
+  target: "egnqy3z1",
+  label: "Navigation"
+})("padding:", _core.spacing.large, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlZlcnRpY2FsTmF2aWdhdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEI2QiIsImZpbGUiOiJWZXJ0aWNhbE5hdmlnYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCBTYWZlTGlua0J1dHRvbiBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5pbXBvcnQgeyBtcSwgYnJlYWtwb2ludHMgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuY29uc3QgTmF2aWdhdGlvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIG1hcmdpbjogMDtcbiAgbWF4LXdpZHRoOiAyMHZ3O1xuICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHRlcn07XG4gIGhlaWdodDogMTAwJTtcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgTmF2aWdhdGlvbiA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7c3BhY2luZy5sYXJnZX07XG5gO1xuXG5jb25zdCBOYXZpZ2F0aW9uRWxlbWVudFRleHQgPSBzdHlsZWQuZGl2YFxuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbmA7XG5cbmNvbnN0IE5hdmlnYXRpb25FbGVtZW50ID0gc3R5bGVkKFNhZmVMaW5rQnV0dG9uKWBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAxMXB4O1xuICBoZWlnaHQ6IDMwcHg7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXJ9O1xuICAgIGJvcmRlci1yYWRpdXM6IDUlO1xuICAgIHN2ZyB7XG4gICAgICBmaWxsOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICB9XG4gICAgJHtOYXZpZ2F0aW9uRWxlbWVudFRleHR9IHtcbiAgICAgIGNvbG9yOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICB9XG4gIH1cbiAgJjpmb2N1cyB7XG4gICAgc3ZnIHtcbiAgICAgIGZpbGw6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgIH1cbiAgICAke05hdmlnYXRpb25FbGVtZW50VGV4dH0ge1xuICAgICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgSWNvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBzdmcge1xuICAgIGZpbGw6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gICAgaGVpZ2h0OiAyMHB4O1xuICAgIHdpZHRoOiAyMHB4O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgTmF2UHJvcHMge1xuICBuYXZFbGVtZW50cz86IHtcbiAgICBpY29uOiBSZWFjdE5vZGU7XG4gICAgdXJsOiBzdHJpbmc7XG4gICAgbmFtZTogc3RyaW5nO1xuICB9W107XG59XG5leHBvcnQgY29uc3QgVmVydGljYWxOYXZpZ2F0aW9uID0gKHsgbmF2RWxlbWVudHMgfTogTmF2UHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8TmF2aWdhdGlvbldyYXBwZXI+XG4gICAgICA8TmF2aWdhdGlvbj5cbiAgICAgICAge25hdkVsZW1lbnRzPy5tYXAoKGVsZW1lbnQpID0+IHtcbiAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPE5hdmlnYXRpb25FbGVtZW50IHRvPXtlbGVtZW50LnVybH0+XG4gICAgICAgICAgICAgIDxJY29uV3JhcHBlcj57ZWxlbWVudC5pY29ufTwvSWNvbldyYXBwZXI+XG4gICAgICAgICAgICAgIDxOYXZpZ2F0aW9uRWxlbWVudFRleHQ+e2VsZW1lbnQubmFtZX08L05hdmlnYXRpb25FbGVtZW50VGV4dD5cbiAgICAgICAgICAgIDwvTmF2aWdhdGlvbkVsZW1lbnQ+XG4gICAgICAgICAgKTtcbiAgICAgICAgfSl9XG4gICAgICA8L05hdmlnYXRpb24+XG4gICAgPC9OYXZpZ2F0aW9uV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFZlcnRpY2FsTmF2aWdhdGlvbjtcbiJdfQ== */"));
+var NavigationElementText = (0, _styledBase["default"])("div", {
+  target: "egnqy3z2",
+  label: "NavigationElementText"
+})("color:", _core.colors.text.primary, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlZlcnRpY2FsTmF2aWdhdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJ3QyIsImZpbGUiOiJWZXJ0aWNhbE5hdmlnYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCBTYWZlTGlua0J1dHRvbiBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5pbXBvcnQgeyBtcSwgYnJlYWtwb2ludHMgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuY29uc3QgTmF2aWdhdGlvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIG1hcmdpbjogMDtcbiAgbWF4LXdpZHRoOiAyMHZ3O1xuICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHRlcn07XG4gIGhlaWdodDogMTAwJTtcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgTmF2aWdhdGlvbiA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7c3BhY2luZy5sYXJnZX07XG5gO1xuXG5jb25zdCBOYXZpZ2F0aW9uRWxlbWVudFRleHQgPSBzdHlsZWQuZGl2YFxuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbmA7XG5cbmNvbnN0IE5hdmlnYXRpb25FbGVtZW50ID0gc3R5bGVkKFNhZmVMaW5rQnV0dG9uKWBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAxMXB4O1xuICBoZWlnaHQ6IDMwcHg7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXJ9O1xuICAgIGJvcmRlci1yYWRpdXM6IDUlO1xuICAgIHN2ZyB7XG4gICAgICBmaWxsOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICB9XG4gICAgJHtOYXZpZ2F0aW9uRWxlbWVudFRleHR9IHtcbiAgICAgIGNvbG9yOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICB9XG4gIH1cbiAgJjpmb2N1cyB7XG4gICAgc3ZnIHtcbiAgICAgIGZpbGw6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgIH1cbiAgICAke05hdmlnYXRpb25FbGVtZW50VGV4dH0ge1xuICAgICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgSWNvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBzdmcge1xuICAgIGZpbGw6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gICAgaGVpZ2h0OiAyMHB4O1xuICAgIHdpZHRoOiAyMHB4O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgTmF2UHJvcHMge1xuICBuYXZFbGVtZW50cz86IHtcbiAgICBpY29uOiBSZWFjdE5vZGU7XG4gICAgdXJsOiBzdHJpbmc7XG4gICAgbmFtZTogc3RyaW5nO1xuICB9W107XG59XG5leHBvcnQgY29uc3QgVmVydGljYWxOYXZpZ2F0aW9uID0gKHsgbmF2RWxlbWVudHMgfTogTmF2UHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8TmF2aWdhdGlvbldyYXBwZXI+XG4gICAgICA8TmF2aWdhdGlvbj5cbiAgICAgICAge25hdkVsZW1lbnRzPy5tYXAoKGVsZW1lbnQpID0+IHtcbiAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPE5hdmlnYXRpb25FbGVtZW50IHRvPXtlbGVtZW50LnVybH0+XG4gICAgICAgICAgICAgIDxJY29uV3JhcHBlcj57ZWxlbWVudC5pY29ufTwvSWNvbldyYXBwZXI+XG4gICAgICAgICAgICAgIDxOYXZpZ2F0aW9uRWxlbWVudFRleHQ+e2VsZW1lbnQubmFtZX08L05hdmlnYXRpb25FbGVtZW50VGV4dD5cbiAgICAgICAgICAgIDwvTmF2aWdhdGlvbkVsZW1lbnQ+XG4gICAgICAgICAgKTtcbiAgICAgICAgfSl9XG4gICAgICA8L05hdmlnYXRpb24+XG4gICAgPC9OYXZpZ2F0aW9uV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFZlcnRpY2FsTmF2aWdhdGlvbjtcbiJdfQ== */"));
+var NavigationElement = ( /*#__PURE__*/0, _styledBase["default"])(_safelink["default"], {
+  target: "egnqy3z3",
+  label: "NavigationElement"
+})("display:flex;align-items:center;gap:11px;height:30px;box-shadow:none;&:hover{background-color:", _core.colors.brand.lighter, ";border-radius:5%;svg{fill:", _core.colors.brand.primary, ";}", NavigationElementText, "{color:", _core.colors.brand.primary, ";}}&:focus{svg{fill:", _core.colors.brand.primary, ";}", NavigationElementText, "{color:", _core.colors.brand.primary, ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlZlcnRpY2FsTmF2aWdhdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0NnRCIsImZpbGUiOiJWZXJ0aWNhbE5hdmlnYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCBTYWZlTGlua0J1dHRvbiBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5pbXBvcnQgeyBtcSwgYnJlYWtwb2ludHMgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuY29uc3QgTmF2aWdhdGlvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIG1hcmdpbjogMDtcbiAgbWF4LXdpZHRoOiAyMHZ3O1xuICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHRlcn07XG4gIGhlaWdodDogMTAwJTtcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgTmF2aWdhdGlvbiA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7c3BhY2luZy5sYXJnZX07XG5gO1xuXG5jb25zdCBOYXZpZ2F0aW9uRWxlbWVudFRleHQgPSBzdHlsZWQuZGl2YFxuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbmA7XG5cbmNvbnN0IE5hdmlnYXRpb25FbGVtZW50ID0gc3R5bGVkKFNhZmVMaW5rQnV0dG9uKWBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAxMXB4O1xuICBoZWlnaHQ6IDMwcHg7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXJ9O1xuICAgIGJvcmRlci1yYWRpdXM6IDUlO1xuICAgIHN2ZyB7XG4gICAgICBmaWxsOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICB9XG4gICAgJHtOYXZpZ2F0aW9uRWxlbWVudFRleHR9IHtcbiAgICAgIGNvbG9yOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICB9XG4gIH1cbiAgJjpmb2N1cyB7XG4gICAgc3ZnIHtcbiAgICAgIGZpbGw6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgIH1cbiAgICAke05hdmlnYXRpb25FbGVtZW50VGV4dH0ge1xuICAgICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgSWNvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBzdmcge1xuICAgIGZpbGw6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gICAgaGVpZ2h0OiAyMHB4O1xuICAgIHdpZHRoOiAyMHB4O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgTmF2UHJvcHMge1xuICBuYXZFbGVtZW50cz86IHtcbiAgICBpY29uOiBSZWFjdE5vZGU7XG4gICAgdXJsOiBzdHJpbmc7XG4gICAgbmFtZTogc3RyaW5nO1xuICB9W107XG59XG5leHBvcnQgY29uc3QgVmVydGljYWxOYXZpZ2F0aW9uID0gKHsgbmF2RWxlbWVudHMgfTogTmF2UHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8TmF2aWdhdGlvbldyYXBwZXI+XG4gICAgICA8TmF2aWdhdGlvbj5cbiAgICAgICAge25hdkVsZW1lbnRzPy5tYXAoKGVsZW1lbnQpID0+IHtcbiAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPE5hdmlnYXRpb25FbGVtZW50IHRvPXtlbGVtZW50LnVybH0+XG4gICAgICAgICAgICAgIDxJY29uV3JhcHBlcj57ZWxlbWVudC5pY29ufTwvSWNvbldyYXBwZXI+XG4gICAgICAgICAgICAgIDxOYXZpZ2F0aW9uRWxlbWVudFRleHQ+e2VsZW1lbnQubmFtZX08L05hdmlnYXRpb25FbGVtZW50VGV4dD5cbiAgICAgICAgICAgIDwvTmF2aWdhdGlvbkVsZW1lbnQ+XG4gICAgICAgICAgKTtcbiAgICAgICAgfSl9XG4gICAgICA8L05hdmlnYXRpb24+XG4gICAgPC9OYXZpZ2F0aW9uV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFZlcnRpY2FsTmF2aWdhdGlvbjtcbiJdfQ== */"));
+var IconWrapper = (0, _styledBase["default"])("div", {
+  target: "egnqy3z4",
+  label: "IconWrapper"
+})("svg{fill:", _core.colors.text.primary, ";height:20px;width:20px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlZlcnRpY2FsTmF2aWdhdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEQ4QiIsImZpbGUiOiJWZXJ0aWNhbE5hdmlnYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCBTYWZlTGlua0J1dHRvbiBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5pbXBvcnQgeyBtcSwgYnJlYWtwb2ludHMgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuY29uc3QgTmF2aWdhdGlvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIG1hcmdpbjogMDtcbiAgbWF4LXdpZHRoOiAyMHZ3O1xuICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHRlcn07XG4gIGhlaWdodDogMTAwJTtcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgTmF2aWdhdGlvbiA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7c3BhY2luZy5sYXJnZX07XG5gO1xuXG5jb25zdCBOYXZpZ2F0aW9uRWxlbWVudFRleHQgPSBzdHlsZWQuZGl2YFxuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbmA7XG5cbmNvbnN0IE5hdmlnYXRpb25FbGVtZW50ID0gc3R5bGVkKFNhZmVMaW5rQnV0dG9uKWBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAxMXB4O1xuICBoZWlnaHQ6IDMwcHg7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXJ9O1xuICAgIGJvcmRlci1yYWRpdXM6IDUlO1xuICAgIHN2ZyB7XG4gICAgICBmaWxsOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICB9XG4gICAgJHtOYXZpZ2F0aW9uRWxlbWVudFRleHR9IHtcbiAgICAgIGNvbG9yOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICB9XG4gIH1cbiAgJjpmb2N1cyB7XG4gICAgc3ZnIHtcbiAgICAgIGZpbGw6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgIH1cbiAgICAke05hdmlnYXRpb25FbGVtZW50VGV4dH0ge1xuICAgICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgSWNvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBzdmcge1xuICAgIGZpbGw6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gICAgaGVpZ2h0OiAyMHB4O1xuICAgIHdpZHRoOiAyMHB4O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgTmF2UHJvcHMge1xuICBuYXZFbGVtZW50cz86IHtcbiAgICBpY29uOiBSZWFjdE5vZGU7XG4gICAgdXJsOiBzdHJpbmc7XG4gICAgbmFtZTogc3RyaW5nO1xuICB9W107XG59XG5leHBvcnQgY29uc3QgVmVydGljYWxOYXZpZ2F0aW9uID0gKHsgbmF2RWxlbWVudHMgfTogTmF2UHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8TmF2aWdhdGlvbldyYXBwZXI+XG4gICAgICA8TmF2aWdhdGlvbj5cbiAgICAgICAge25hdkVsZW1lbnRzPy5tYXAoKGVsZW1lbnQpID0+IHtcbiAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPE5hdmlnYXRpb25FbGVtZW50IHRvPXtlbGVtZW50LnVybH0+XG4gICAgICAgICAgICAgIDxJY29uV3JhcHBlcj57ZWxlbWVudC5pY29ufTwvSWNvbldyYXBwZXI+XG4gICAgICAgICAgICAgIDxOYXZpZ2F0aW9uRWxlbWVudFRleHQ+e2VsZW1lbnQubmFtZX08L05hdmlnYXRpb25FbGVtZW50VGV4dD5cbiAgICAgICAgICAgIDwvTmF2aWdhdGlvbkVsZW1lbnQ+XG4gICAgICAgICAgKTtcbiAgICAgICAgfSl9XG4gICAgICA8L05hdmlnYXRpb24+XG4gICAgPC9OYXZpZ2F0aW9uV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFZlcnRpY2FsTmF2aWdhdGlvbjtcbiJdfQ== */"));
+
+var VerticalNavigation = function VerticalNavigation(_ref) {
+  var navElements = _ref.navElements;
+  return (0, _core2.jsx)(NavigationWrapper, null, (0, _core2.jsx)(Navigation, null, navElements === null || navElements === void 0 ? void 0 : navElements.map(function (element) {
+    return (0, _core2.jsx)(NavigationElement, {
+      to: element.url
+    }, (0, _core2.jsx)(IconWrapper, null, element.icon), (0, _core2.jsx)(NavigationElementText, null, element.name));
+  })));
+};
+
+exports.VerticalNavigation = VerticalNavigation;
+var _default = VerticalNavigation;
+exports["default"] = _default;

package/lib/MyNdla/Navigation/index.d.ts

@@ -0,0 +1,2 @@
+import VerticalNavigation from './VerticalNavigation';
+export { VerticalNavigation };

package/lib/MyNdla/Navigation/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "VerticalNavigation", {
+  enumerable: true,
+  get: function get() {
+    return _VerticalNavigation["default"];
+  }
+});
+
+var _VerticalNavigation = _interopRequireDefault(require("./VerticalNavigation"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/MyNdla/Resource/Folder.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) 2022-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import { ReactNode } from 'react';
+interface Props {
+    title: string;
+    subFolders?: number;
+    subResources?: number;
+    description?: string;
+    link: string;
+    type: LayoutType;
+    actionMenu?: ReactNode;
+}
+declare type LayoutType = 'list' | 'block';
+declare const Folder: ({ link, title, subFolders, subResources, type, actionMenu }: Props) => JSX.Element;
+export default Folder;

package/lib/MyNdla/Resource/Folder.js

@@ -0,0 +1,100 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _contentType = require("@ndla/icons/contentType");
+
+var _common = require("@ndla/icons/common");
+
+var _core = require("@ndla/core");
+
+var _core2 = require("@emotion/core");
+
+var _reactI18next = require("react-i18next");
+
+var _safelink = _interopRequireDefault(require("@ndla/safelink"));
+
+var _button = require("@ndla/button");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var FolderIconWrapper = (0, _styledBase["default"])("div", {
+  target: "e12qmemo0",
+  label: "FolderIconWrapper"
+})("display:flex;border-radius:100%;padding:", _core.spacing.small, ";background-color:", _core.colors.brand.greyLighter, ";svg{width:18px;height:18px;}", function (p) {
+  return p.type === 'block' && /*#__PURE__*/(0, _core2.css)("background-color:transparent;", FolderWrapper, ":hover &{background-color:", _core.colors.brand.light, ";transition-duration 0.5s;};label:FolderIconWrapper;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvbGRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUNPIiwiZmlsZSI6IkZvbGRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBGb2xkZXJPdXRsaW5lZCB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbnRlbnRUeXBlJztcbmltcG9ydCB7IEZpbGVEb2N1bWVudE91dGxpbmUgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IHsgZm9udHMsIHNwYWNpbmcsIGNvbG9ycyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IE1lbnVCdXR0b24gfSBmcm9tICdAbmRsYS9idXR0b24nO1xuXG5pbnRlcmZhY2UgRm9sZGVySWNvbldyYXBwZXJQcm9wcyB7XG4gIHR5cGU/OiBMYXlvdXRUeXBlO1xufVxuXG5jb25zdCBGb2xkZXJJY29uV3JhcHBlciA9IHN0eWxlZC5kaXY8Rm9sZGVySWNvbldyYXBwZXJQcm9wcz5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGJvcmRlci1yYWRpdXM6IDEwMCU7XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodGVyfTtcbiAgc3ZnIHtcbiAgICB3aWR0aDogMThweDtcbiAgICBoZWlnaHQ6IDE4cHg7XG4gIH1cbiAgJHsocCkgPT5cbiAgICBwLnR5cGUgPT09ICdibG9jaycgJiZcbiAgICBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgJHtGb2xkZXJXcmFwcGVyfTpob3ZlciAmIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJyYW5kLmxpZ2h0fTtcbiAgICAgIHRyYW5zaXRpb24tZHVyYXRpb24gMC41cztcbiAgICB9XG4gIGB9O1xuYDtcblxuY29uc3QgRm9sZGVyVGl0bGUgPSBzdHlsZWQuaDJgXG4gICR7Zm9udHMuc2l6ZXMoMTgpfTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0Lm5vcm1hbH07XG4gIG1hcmdpbjogMDtcbiAgZmxleDogMTtcblxuICBvdmVyZmxvdzogaGlkZGVuO1xuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgLy8gVW5mb3J0dW5hdGUgY3NzIG5lZWRlZCBmb3IgbXVsdGktbGluZSB0ZXh0IG92ZXJmbG93IGVsbGlwc2lzLlxuICBkaXNwbGF5OiAtd2Via2l0LWJveDtcbiAgLXdlYmtpdC1saW5lLWNsYW1wOiAxO1xuICBsaW5lLWNsYW1wOiAxO1xuICAtd2Via2l0LWJveC1vcmllbnQ6IHZlcnRpY2FsO1xuYDtcblxuY29uc3QgRm9sZGVyV3JhcHBlciA9IHN0eWxlZChTYWZlTGluaylgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH07XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmxpZ2h0fTtcbiAgYm9yZGVyLXJhZGl1czogMnB4O1xuICBib3gtc2hhZG93OiBub25lO1xuICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gIGNvbG9yOiAke2NvbG9ycy5icmFuZC5ncmV5RGFya307XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG4gICY6aG92ZXIge1xuICAgIGJveC1zaGFkb3c6IDFweCAxcHggNnB4IDJweCByZ2JhKDksIDU1LCAxMDEsIDAuMDgpO1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMnM7XG4gICAgJHtGb2xkZXJUaXRsZX0ge1xuICAgICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgfVxuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICB0aXRsZTogc3RyaW5nO1xuICBzdWJGb2xkZXJzPzogbnVtYmVyO1xuICBzdWJSZXNvdXJjZXM/OiBudW1iZXI7XG4gIGRlc2NyaXB0aW9uPzogc3RyaW5nO1xuICBsaW5rOiBzdHJpbmc7XG4gIHR5cGU6IExheW91dFR5cGU7XG4gIGFjdGlvbk1lbnU/OiBSZWFjdE5vZGU7XG59XG5cbmludGVyZmFjZSBJY29uQ291bnRQcm9wcyB7XG4gIHR5cGU6ICdyZXNvdXJjZScgfCAnZm9sZGVyJztcbiAgY291bnQ/OiBudW1iZXI7XG4gIGxheW91dFR5cGU6IExheW91dFR5cGU7XG59XG5cbmludGVyZmFjZSBJY29uQ291bnRXcmFwcGVyUHJvcHMge1xuICB0eXBlOiBMYXlvdXRUeXBlO1xufVxuXG5jb25zdCBJY29uQ291bnRXcmFwcGVyID0gc3R5bGVkLmRpdjxJY29uQ291bnRXcmFwcGVyUHJvcHM+YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6IDJweDtcbiAgJHtmb250cy5zaXplcygxNil9O1xuICAkeyhwKSA9PlxuICAgIHAudHlwZSA9PT0gJ2Jsb2NrJyAmJlxuICAgIGNzc2BcbiAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAke0ZvbGRlcldyYXBwZXJ9OmhvdmVyICYge1xuICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgfVxuICAgIGB9O1xuYDtcblxuY29uc3QgSWNvbkNvdW50ID0gKHsgdHlwZSwgY291bnQsIGxheW91dFR5cGUgfTogSWNvbkNvdW50UHJvcHMpID0+IHtcbiAgY29uc3QgSWNvbiA9IHR5cGUgPT09ICdyZXNvdXJjZScgPyBGaWxlRG9jdW1lbnRPdXRsaW5lIDogRm9sZGVyT3V0bGluZWQ7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgaWYgKCFjb3VudCkgcmV0dXJuIG51bGw7XG5cbiAgcmV0dXJuIChcbiAgICA8SWNvbkNvdW50V3JhcHBlciB0eXBlPXtsYXlvdXRUeXBlfT5cbiAgICAgIDxJY29uIGFyaWEtbGFiZWw9e3QoYG15TmRsYS4ke3R5cGV9c2ApfSAvPlxuICAgICAgPHNwYW4+e2xheW91dFR5cGUgPT09ICdibG9jaycgPyBjb3VudCA6IHQoYG15TmRsYS4ke3R5cGV9c2AsIHsgY291bnQ6IDMgfSl9PC9zcGFuPlxuICAgIDwvSWNvbkNvdW50V3JhcHBlcj5cbiAgKTtcbn07XG5cbnR5cGUgTGF5b3V0VHlwZSA9ICdsaXN0JyB8ICdibG9jayc7XG5cbmNvbnN0IEZvbGRlciA9ICh7IGxpbmssIHRpdGxlLCBzdWJGb2xkZXJzLCBzdWJSZXNvdXJjZXMsIHR5cGUgPSAnbGlzdCcsIGFjdGlvbk1lbnUgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDxGb2xkZXJXcmFwcGVyIHRvPXtsaW5rfT5cbiAgICAgIDxGb2xkZXJJY29uV3JhcHBlciB0eXBlPXt0eXBlfT5cbiAgICAgICAgPEZvbGRlck91dGxpbmVkIGFyaWEtbGFiZWw9e3QoJ215TmRsYS5mb2xkZXInKX0gLz5cbiAgICAgIDwvRm9sZGVySWNvbldyYXBwZXI+XG4gICAgICA8Rm9sZGVyVGl0bGU+e3RpdGxlfTwvRm9sZGVyVGl0bGU+XG4gICAgICA8SWNvbkNvdW50IGxheW91dFR5cGU9e3R5cGV9IHR5cGU9eydmb2xkZXInfSBjb3VudD17c3ViRm9sZGVyc30gLz5cbiAgICAgIDxJY29uQ291bnQgbGF5b3V0VHlwZT17dHlwZX0gdHlwZT17J3Jlc291cmNlJ30gY291bnQ9e3N1YlJlc291cmNlc30gLz5cbiAgICAgIDxNZW51QnV0dG9uIHNpemU9XCJzbWFsbFwiIC8+XG4gICAgPC9Gb2xkZXJXcmFwcGVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgRm9sZGVyO1xuIl19 */"));
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvbGRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0I0RCIsImZpbGUiOiJGb2xkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgRm9sZGVyT3V0bGluZWQgfSBmcm9tICdAbmRsYS9pY29ucy9jb250ZW50VHlwZSc7XG5pbXBvcnQgeyBGaWxlRG9jdW1lbnRPdXRsaW5lIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCB7IGZvbnRzLCBzcGFjaW5nLCBjb2xvcnMgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBTYWZlTGluayBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5pbXBvcnQgeyBNZW51QnV0dG9uIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcblxuaW50ZXJmYWNlIEZvbGRlckljb25XcmFwcGVyUHJvcHMge1xuICB0eXBlPzogTGF5b3V0VHlwZTtcbn1cblxuY29uc3QgRm9sZGVySWNvbldyYXBwZXIgPSBzdHlsZWQuZGl2PEZvbGRlckljb25XcmFwcGVyUHJvcHM+YFxuICBkaXNwbGF5OiBmbGV4O1xuICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHRlcn07XG4gIHN2ZyB7XG4gICAgd2lkdGg6IDE4cHg7XG4gICAgaGVpZ2h0OiAxOHB4O1xuICB9XG4gICR7KHApID0+XG4gICAgcC50eXBlID09PSAnYmxvY2snICYmXG4gICAgY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgICR7Rm9sZGVyV3JhcHBlcn06aG92ZXIgJiB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5icmFuZC5saWdodH07XG4gICAgICB0cmFuc2l0aW9uLWR1cmF0aW9uIDAuNXM7XG4gICAgfVxuICBgfTtcbmA7XG5cbmNvbnN0IEZvbGRlclRpdGxlID0gc3R5bGVkLmgyYFxuICAke2ZvbnRzLnNpemVzKDE4KX07XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5ub3JtYWx9O1xuICBtYXJnaW46IDA7XG4gIGZsZXg6IDE7XG5cbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIC8vIFVuZm9ydHVuYXRlIGNzcyBuZWVkZWQgZm9yIG11bHRpLWxpbmUgdGV4dCBvdmVyZmxvdyBlbGxpcHNpcy5cbiAgZGlzcGxheTogLXdlYmtpdC1ib3g7XG4gIC13ZWJraXQtbGluZS1jbGFtcDogMTtcbiAgbGluZS1jbGFtcDogMTtcbiAgLXdlYmtpdC1ib3gtb3JpZW50OiB2ZXJ0aWNhbDtcbmA7XG5cbmNvbnN0IEZvbGRlcldyYXBwZXIgPSBzdHlsZWQoU2FmZUxpbmspYFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5saWdodH07XG4gIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICBjb2xvcjogJHtjb2xvcnMuYnJhbmQuZ3JleURhcmt9O1xuICBmb250LWZhbWlseTogJHtmb250cy5zYW5zfTtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4ycztcbiAgZ2FwOiAke3NwYWNpbmcuc21hbGx9O1xuICAmOmhvdmVyIHtcbiAgICBib3gtc2hhZG93OiAxcHggMXB4IDZweCAycHggcmdiYSg5LCA1NSwgMTAxLCAwLjA4KTtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICAgICR7Rm9sZGVyVGl0bGV9IHtcbiAgICAgIGNvbG9yOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICAgIH1cbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgdGl0bGU6IHN0cmluZztcbiAgc3ViRm9sZGVycz86IG51bWJlcjtcbiAgc3ViUmVzb3VyY2VzPzogbnVtYmVyO1xuICBkZXNjcmlwdGlvbj86IHN0cmluZztcbiAgbGluazogc3RyaW5nO1xuICB0eXBlOiBMYXlvdXRUeXBlO1xuICBhY3Rpb25NZW51PzogUmVhY3ROb2RlO1xufVxuXG5pbnRlcmZhY2UgSWNvbkNvdW50UHJvcHMge1xuICB0eXBlOiAncmVzb3VyY2UnIHwgJ2ZvbGRlcic7XG4gIGNvdW50PzogbnVtYmVyO1xuICBsYXlvdXRUeXBlOiBMYXlvdXRUeXBlO1xufVxuXG5pbnRlcmZhY2UgSWNvbkNvdW50V3JhcHBlclByb3BzIHtcbiAgdHlwZTogTGF5b3V0VHlwZTtcbn1cblxuY29uc3QgSWNvbkNvdW50V3JhcHBlciA9IHN0eWxlZC5kaXY8SWNvbkNvdW50V3JhcHBlclByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAycHg7XG4gICR7Zm9udHMuc2l6ZXMoMTYpfTtcbiAgJHsocCkgPT5cbiAgICBwLnR5cGUgPT09ICdibG9jaycgJiZcbiAgICBjc3NgXG4gICAgICBvcGFjaXR5OiAwO1xuICAgICAgJHtGb2xkZXJXcmFwcGVyfTpob3ZlciAmIHtcbiAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgIH1cbiAgICBgfTtcbmA7XG5cbmNvbnN0IEljb25Db3VudCA9ICh7IHR5cGUsIGNvdW50LCBsYXlvdXRUeXBlIH06IEljb25Db3VudFByb3BzKSA9PiB7XG4gIGNvbnN0IEljb24gPSB0eXBlID09PSAncmVzb3VyY2UnID8gRmlsZURvY3VtZW50T3V0bGluZSA6IEZvbGRlck91dGxpbmVkO1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGlmICghY291bnQpIHJldHVybiBudWxsO1xuXG4gIHJldHVybiAoXG4gICAgPEljb25Db3VudFdyYXBwZXIgdHlwZT17bGF5b3V0VHlwZX0+XG4gICAgICA8SWNvbiBhcmlhLWxhYmVsPXt0KGBteU5kbGEuJHt0eXBlfXNgKX0gLz5cbiAgICAgIDxzcGFuPntsYXlvdXRUeXBlID09PSAnYmxvY2snID8gY291bnQgOiB0KGBteU5kbGEuJHt0eXBlfXNgLCB7IGNvdW50OiAzIH0pfTwvc3Bhbj5cbiAgICA8L0ljb25Db3VudFdyYXBwZXI+XG4gICk7XG59O1xuXG50eXBlIExheW91dFR5cGUgPSAnbGlzdCcgfCAnYmxvY2snO1xuXG5jb25zdCBGb2xkZXIgPSAoeyBsaW5rLCB0aXRsZSwgc3ViRm9sZGVycywgc3ViUmVzb3VyY2VzLCB0eXBlID0gJ2xpc3QnLCBhY3Rpb25NZW51IH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgcmV0dXJuIChcbiAgICA8Rm9sZGVyV3JhcHBlciB0bz17bGlua30+XG4gICAgICA8Rm9sZGVySWNvbldyYXBwZXIgdHlwZT17dHlwZX0+XG4gICAgICAgIDxGb2xkZXJPdXRsaW5lZCBhcmlhLWxhYmVsPXt0KCdteU5kbGEuZm9sZGVyJyl9IC8+XG4gICAgICA8L0ZvbGRlckljb25XcmFwcGVyPlxuICAgICAgPEZvbGRlclRpdGxlPnt0aXRsZX08L0ZvbGRlclRpdGxlPlxuICAgICAgPEljb25Db3VudCBsYXlvdXRUeXBlPXt0eXBlfSB0eXBlPXsnZm9sZGVyJ30gY291bnQ9e3N1YkZvbGRlcnN9IC8+XG4gICAgICA8SWNvbkNvdW50IGxheW91dFR5cGU9e3R5cGV9IHR5cGU9eydyZXNvdXJjZSd9IGNvdW50PXtzdWJSZXNvdXJjZXN9IC8+XG4gICAgICA8TWVudUJ1dHRvbiBzaXplPVwic21hbGxcIiAvPlxuICAgIDwvRm9sZGVyV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEZvbGRlcjtcbiJdfQ== */"));
+var FolderTitle = (0, _styledBase["default"])("h2", {
+  target: "e12qmemo1",
+  label: "FolderTitle"
+})(_core.fonts.sizes(18), ";font-weight:", _core.fonts.weight.normal, ";margin:0;flex:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvbGRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEM2QiIsImZpbGUiOiJGb2xkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgRm9sZGVyT3V0bGluZWQgfSBmcm9tICdAbmRsYS9pY29ucy9jb250ZW50VHlwZSc7XG5pbXBvcnQgeyBGaWxlRG9jdW1lbnRPdXRsaW5lIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCB7IGZvbnRzLCBzcGFjaW5nLCBjb2xvcnMgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBTYWZlTGluayBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5pbXBvcnQgeyBNZW51QnV0dG9uIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcblxuaW50ZXJmYWNlIEZvbGRlckljb25XcmFwcGVyUHJvcHMge1xuICB0eXBlPzogTGF5b3V0VHlwZTtcbn1cblxuY29uc3QgRm9sZGVySWNvbldyYXBwZXIgPSBzdHlsZWQuZGl2PEZvbGRlckljb25XcmFwcGVyUHJvcHM+YFxuICBkaXNwbGF5OiBmbGV4O1xuICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHRlcn07XG4gIHN2ZyB7XG4gICAgd2lkdGg6IDE4cHg7XG4gICAgaGVpZ2h0OiAxOHB4O1xuICB9XG4gICR7KHApID0+XG4gICAgcC50eXBlID09PSAnYmxvY2snICYmXG4gICAgY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgICR7Rm9sZGVyV3JhcHBlcn06aG92ZXIgJiB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5icmFuZC5saWdodH07XG4gICAgICB0cmFuc2l0aW9uLWR1cmF0aW9uIDAuNXM7XG4gICAgfVxuICBgfTtcbmA7XG5cbmNvbnN0IEZvbGRlclRpdGxlID0gc3R5bGVkLmgyYFxuICAke2ZvbnRzLnNpemVzKDE4KX07XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5ub3JtYWx9O1xuICBtYXJnaW46IDA7XG4gIGZsZXg6IDE7XG5cbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIC8vIFVuZm9ydHVuYXRlIGNzcyBuZWVkZWQgZm9yIG11bHRpLWxpbmUgdGV4dCBvdmVyZmxvdyBlbGxpcHNpcy5cbiAgZGlzcGxheTogLXdlYmtpdC1ib3g7XG4gIC13ZWJraXQtbGluZS1jbGFtcDogMTtcbiAgbGluZS1jbGFtcDogMTtcbiAgLXdlYmtpdC1ib3gtb3JpZW50OiB2ZXJ0aWNhbDtcbmA7XG5cbmNvbnN0IEZvbGRlcldyYXBwZXIgPSBzdHlsZWQoU2FmZUxpbmspYFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5saWdodH07XG4gIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICBjb2xvcjogJHtjb2xvcnMuYnJhbmQuZ3JleURhcmt9O1xuICBmb250LWZhbWlseTogJHtmb250cy5zYW5zfTtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4ycztcbiAgZ2FwOiAke3NwYWNpbmcuc21hbGx9O1xuICAmOmhvdmVyIHtcbiAgICBib3gtc2hhZG93OiAxcHggMXB4IDZweCAycHggcmdiYSg5LCA1NSwgMTAxLCAwLjA4KTtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICAgICR7Rm9sZGVyVGl0bGV9IHtcbiAgICAgIGNvbG9yOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICAgIH1cbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgdGl0bGU6IHN0cmluZztcbiAgc3ViRm9sZGVycz86IG51bWJlcjtcbiAgc3ViUmVzb3VyY2VzPzogbnVtYmVyO1xuICBkZXNjcmlwdGlvbj86IHN0cmluZztcbiAgbGluazogc3RyaW5nO1xuICB0eXBlOiBMYXlvdXRUeXBlO1xuICBhY3Rpb25NZW51PzogUmVhY3ROb2RlO1xufVxuXG5pbnRlcmZhY2UgSWNvbkNvdW50UHJvcHMge1xuICB0eXBlOiAncmVzb3VyY2UnIHwgJ2ZvbGRlcic7XG4gIGNvdW50PzogbnVtYmVyO1xuICBsYXlvdXRUeXBlOiBMYXlvdXRUeXBlO1xufVxuXG5pbnRlcmZhY2UgSWNvbkNvdW50V3JhcHBlclByb3BzIHtcbiAgdHlwZTogTGF5b3V0VHlwZTtcbn1cblxuY29uc3QgSWNvbkNvdW50V3JhcHBlciA9IHN0eWxlZC5kaXY8SWNvbkNvdW50V3JhcHBlclByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAycHg7XG4gICR7Zm9udHMuc2l6ZXMoMTYpfTtcbiAgJHsocCkgPT5cbiAgICBwLnR5cGUgPT09ICdibG9jaycgJiZcbiAgICBjc3NgXG4gICAgICBvcGFjaXR5OiAwO1xuICAgICAgJHtGb2xkZXJXcmFwcGVyfTpob3ZlciAmIHtcbiAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgIH1cbiAgICBgfTtcbmA7XG5cbmNvbnN0IEljb25Db3VudCA9ICh7IHR5cGUsIGNvdW50LCBsYXlvdXRUeXBlIH06IEljb25Db3VudFByb3BzKSA9PiB7XG4gIGNvbnN0IEljb24gPSB0eXBlID09PSAncmVzb3VyY2UnID8gRmlsZURvY3VtZW50T3V0bGluZSA6IEZvbGRlck91dGxpbmVkO1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGlmICghY291bnQpIHJldHVybiBudWxsO1xuXG4gIHJldHVybiAoXG4gICAgPEljb25Db3VudFdyYXBwZXIgdHlwZT17bGF5b3V0VHlwZX0+XG4gICAgICA8SWNvbiBhcmlhLWxhYmVsPXt0KGBteU5kbGEuJHt0eXBlfXNgKX0gLz5cbiAgICAgIDxzcGFuPntsYXlvdXRUeXBlID09PSAnYmxvY2snID8gY291bnQgOiB0KGBteU5kbGEuJHt0eXBlfXNgLCB7IGNvdW50OiAzIH0pfTwvc3Bhbj5cbiAgICA8L0ljb25Db3VudFdyYXBwZXI+XG4gICk7XG59O1xuXG50eXBlIExheW91dFR5cGUgPSAnbGlzdCcgfCAnYmxvY2snO1xuXG5jb25zdCBGb2xkZXIgPSAoeyBsaW5rLCB0aXRsZSwgc3ViRm9sZGVycywgc3ViUmVzb3VyY2VzLCB0eXBlID0gJ2xpc3QnLCBhY3Rpb25NZW51IH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgcmV0dXJuIChcbiAgICA8Rm9sZGVyV3JhcHBlciB0bz17bGlua30+XG4gICAgICA8Rm9sZGVySWNvbldyYXBwZXIgdHlwZT17dHlwZX0+XG4gICAgICAgIDxGb2xkZXJPdXRsaW5lZCBhcmlhLWxhYmVsPXt0KCdteU5kbGEuZm9sZGVyJyl9IC8+XG4gICAgICA8L0ZvbGRlckljb25XcmFwcGVyPlxuICAgICAgPEZvbGRlclRpdGxlPnt0aXRsZX08L0ZvbGRlclRpdGxlPlxuICAgICAgPEljb25Db3VudCBsYXlvdXRUeXBlPXt0eXBlfSB0eXBlPXsnZm9sZGVyJ30gY291bnQ9e3N1YkZvbGRlcnN9IC8+XG4gICAgICA8SWNvbkNvdW50IGxheW91dFR5cGU9e3R5cGV9IHR5cGU9eydyZXNvdXJjZSd9IGNvdW50PXtzdWJSZXNvdXJjZXN9IC8+XG4gICAgICA8TWVudUJ1dHRvbiBzaXplPVwic21hbGxcIiAvPlxuICAgIDwvRm9sZGVyV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEZvbGRlcjtcbiJdfQ== */"));
+var FolderWrapper = ( /*#__PURE__*/0, _styledBase["default"])(_safelink["default"], {
+  target: "e12qmemo2",
+  label: "FolderWrapper"
+})("display:flex;align-items:center;padding:", _core.spacing.small, ";border:1px solid ", _core.colors.brand.light, ";border-radius:2px;box-shadow:none;text-decoration:none;color:", _core.colors.brand.greyDark, ";font-family:", _core.fonts.sans, ";transition-duration:0.2s;gap:", _core.spacing.small, ";&:hover{box-shadow:1px 1px 6px 2px rgba(9,55,101,0.08);transition-duration:0.2s;", FolderTitle, "{color:", _core.colors.brand.primary, ";text-decoration:underline;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvbGRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeURzQyIsImZpbGUiOiJGb2xkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgRm9sZGVyT3V0bGluZWQgfSBmcm9tICdAbmRsYS9pY29ucy9jb250ZW50VHlwZSc7XG5pbXBvcnQgeyBGaWxlRG9jdW1lbnRPdXRsaW5lIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCB7IGZvbnRzLCBzcGFjaW5nLCBjb2xvcnMgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBTYWZlTGluayBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5pbXBvcnQgeyBNZW51QnV0dG9uIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcblxuaW50ZXJmYWNlIEZvbGRlckljb25XcmFwcGVyUHJvcHMge1xuICB0eXBlPzogTGF5b3V0VHlwZTtcbn1cblxuY29uc3QgRm9sZGVySWNvbldyYXBwZXIgPSBzdHlsZWQuZGl2PEZvbGRlckljb25XcmFwcGVyUHJvcHM+YFxuICBkaXNwbGF5OiBmbGV4O1xuICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHRlcn07XG4gIHN2ZyB7XG4gICAgd2lkdGg6IDE4cHg7XG4gICAgaGVpZ2h0OiAxOHB4O1xuICB9XG4gICR7KHApID0+XG4gICAgcC50eXBlID09PSAnYmxvY2snICYmXG4gICAgY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgICR7Rm9sZGVyV3JhcHBlcn06aG92ZXIgJiB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5icmFuZC5saWdodH07XG4gICAgICB0cmFuc2l0aW9uLWR1cmF0aW9uIDAuNXM7XG4gICAgfVxuICBgfTtcbmA7XG5cbmNvbnN0IEZvbGRlclRpdGxlID0gc3R5bGVkLmgyYFxuICAke2ZvbnRzLnNpemVzKDE4KX07XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5ub3JtYWx9O1xuICBtYXJnaW46IDA7XG4gIGZsZXg6IDE7XG5cbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIC8vIFVuZm9ydHVuYXRlIGNzcyBuZWVkZWQgZm9yIG11bHRpLWxpbmUgdGV4dCBvdmVyZmxvdyBlbGxpcHNpcy5cbiAgZGlzcGxheTogLXdlYmtpdC1ib3g7XG4gIC13ZWJraXQtbGluZS1jbGFtcDogMTtcbiAgbGluZS1jbGFtcDogMTtcbiAgLXdlYmtpdC1ib3gtb3JpZW50OiB2ZXJ0aWNhbDtcbmA7XG5cbmNvbnN0IEZvbGRlcldyYXBwZXIgPSBzdHlsZWQoU2FmZUxpbmspYFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5saWdodH07XG4gIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICBjb2xvcjogJHtjb2xvcnMuYnJhbmQuZ3JleURhcmt9O1xuICBmb250LWZhbWlseTogJHtmb250cy5zYW5zfTtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4ycztcbiAgZ2FwOiAke3NwYWNpbmcuc21hbGx9O1xuICAmOmhvdmVyIHtcbiAgICBib3gtc2hhZG93OiAxcHggMXB4IDZweCAycHggcmdiYSg5LCA1NSwgMTAxLCAwLjA4KTtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICAgICR7Rm9sZGVyVGl0bGV9IHtcbiAgICAgIGNvbG9yOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICAgIH1cbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgdGl0bGU6IHN0cmluZztcbiAgc3ViRm9sZGVycz86IG51bWJlcjtcbiAgc3ViUmVzb3VyY2VzPzogbnVtYmVyO1xuICBkZXNjcmlwdGlvbj86IHN0cmluZztcbiAgbGluazogc3RyaW5nO1xuICB0eXBlOiBMYXlvdXRUeXBlO1xuICBhY3Rpb25NZW51PzogUmVhY3ROb2RlO1xufVxuXG5pbnRlcmZhY2UgSWNvbkNvdW50UHJvcHMge1xuICB0eXBlOiAncmVzb3VyY2UnIHwgJ2ZvbGRlcic7XG4gIGNvdW50PzogbnVtYmVyO1xuICBsYXlvdXRUeXBlOiBMYXlvdXRUeXBlO1xufVxuXG5pbnRlcmZhY2UgSWNvbkNvdW50V3JhcHBlclByb3BzIHtcbiAgdHlwZTogTGF5b3V0VHlwZTtcbn1cblxuY29uc3QgSWNvbkNvdW50V3JhcHBlciA9IHN0eWxlZC5kaXY8SWNvbkNvdW50V3JhcHBlclByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAycHg7XG4gICR7Zm9udHMuc2l6ZXMoMTYpfTtcbiAgJHsocCkgPT5cbiAgICBwLnR5cGUgPT09ICdibG9jaycgJiZcbiAgICBjc3NgXG4gICAgICBvcGFjaXR5OiAwO1xuICAgICAgJHtGb2xkZXJXcmFwcGVyfTpob3ZlciAmIHtcbiAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgIH1cbiAgICBgfTtcbmA7XG5cbmNvbnN0IEljb25Db3VudCA9ICh7IHR5cGUsIGNvdW50LCBsYXlvdXRUeXBlIH06IEljb25Db3VudFByb3BzKSA9PiB7XG4gIGNvbnN0IEljb24gPSB0eXBlID09PSAncmVzb3VyY2UnID8gRmlsZURvY3VtZW50T3V0bGluZSA6IEZvbGRlck91dGxpbmVkO1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGlmICghY291bnQpIHJldHVybiBudWxsO1xuXG4gIHJldHVybiAoXG4gICAgPEljb25Db3VudFdyYXBwZXIgdHlwZT17bGF5b3V0VHlwZX0+XG4gICAgICA8SWNvbiBhcmlhLWxhYmVsPXt0KGBteU5kbGEuJHt0eXBlfXNgKX0gLz5cbiAgICAgIDxzcGFuPntsYXlvdXRUeXBlID09PSAnYmxvY2snID8gY291bnQgOiB0KGBteU5kbGEuJHt0eXBlfXNgLCB7IGNvdW50OiAzIH0pfTwvc3Bhbj5cbiAgICA8L0ljb25Db3VudFdyYXBwZXI+XG4gICk7XG59O1xuXG50eXBlIExheW91dFR5cGUgPSAnbGlzdCcgfCAnYmxvY2snO1xuXG5jb25zdCBGb2xkZXIgPSAoeyBsaW5rLCB0aXRsZSwgc3ViRm9sZGVycywgc3ViUmVzb3VyY2VzLCB0eXBlID0gJ2xpc3QnLCBhY3Rpb25NZW51IH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgcmV0dXJuIChcbiAgICA8Rm9sZGVyV3JhcHBlciB0bz17bGlua30+XG4gICAgICA8Rm9sZGVySWNvbldyYXBwZXIgdHlwZT17dHlwZX0+XG4gICAgICAgIDxGb2xkZXJPdXRsaW5lZCBhcmlhLWxhYmVsPXt0KCdteU5kbGEuZm9sZGVyJyl9IC8+XG4gICAgICA8L0ZvbGRlckljb25XcmFwcGVyPlxuICAgICAgPEZvbGRlclRpdGxlPnt0aXRsZX08L0ZvbGRlclRpdGxlPlxuICAgICAgPEljb25Db3VudCBsYXlvdXRUeXBlPXt0eXBlfSB0eXBlPXsnZm9sZGVyJ30gY291bnQ9e3N1YkZvbGRlcnN9IC8+XG4gICAgICA8SWNvbkNvdW50IGxheW91dFR5cGU9e3R5cGV9IHR5cGU9eydyZXNvdXJjZSd9IGNvdW50PXtzdWJSZXNvdXJjZXN9IC8+XG4gICAgICA8TWVudUJ1dHRvbiBzaXplPVwic21hbGxcIiAvPlxuICAgIDwvRm9sZGVyV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEZvbGRlcjtcbiJdfQ== */"));
+var IconCountWrapper = (0, _styledBase["default"])("div", {
+  target: "e12qmemo3",
+  label: "IconCountWrapper"
+})("display:flex;align-items:center;gap:2px;", _core.fonts.sizes(16), ";", function (p) {
+  return p.type === 'block' && /*#__PURE__*/(0, _core2.css)("opacity:0;", FolderWrapper, ":hover &{opacity:1;};label:IconCountWrapper;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvbGRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEdPIiwiZmlsZSI6IkZvbGRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBGb2xkZXJPdXRsaW5lZCB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbnRlbnRUeXBlJztcbmltcG9ydCB7IEZpbGVEb2N1bWVudE91dGxpbmUgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IHsgZm9udHMsIHNwYWNpbmcsIGNvbG9ycyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IE1lbnVCdXR0b24gfSBmcm9tICdAbmRsYS9idXR0b24nO1xuXG5pbnRlcmZhY2UgRm9sZGVySWNvbldyYXBwZXJQcm9wcyB7XG4gIHR5cGU/OiBMYXlvdXRUeXBlO1xufVxuXG5jb25zdCBGb2xkZXJJY29uV3JhcHBlciA9IHN0eWxlZC5kaXY8Rm9sZGVySWNvbldyYXBwZXJQcm9wcz5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGJvcmRlci1yYWRpdXM6IDEwMCU7XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodGVyfTtcbiAgc3ZnIHtcbiAgICB3aWR0aDogMThweDtcbiAgICBoZWlnaHQ6IDE4cHg7XG4gIH1cbiAgJHsocCkgPT5cbiAgICBwLnR5cGUgPT09ICdibG9jaycgJiZcbiAgICBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgJHtGb2xkZXJXcmFwcGVyfTpob3ZlciAmIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJyYW5kLmxpZ2h0fTtcbiAgICAgIHRyYW5zaXRpb24tZHVyYXRpb24gMC41cztcbiAgICB9XG4gIGB9O1xuYDtcblxuY29uc3QgRm9sZGVyVGl0bGUgPSBzdHlsZWQuaDJgXG4gICR7Zm9udHMuc2l6ZXMoMTgpfTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0Lm5vcm1hbH07XG4gIG1hcmdpbjogMDtcbiAgZmxleDogMTtcblxuICBvdmVyZmxvdzogaGlkZGVuO1xuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgLy8gVW5mb3J0dW5hdGUgY3NzIG5lZWRlZCBmb3IgbXVsdGktbGluZSB0ZXh0IG92ZXJmbG93IGVsbGlwc2lzLlxuICBkaXNwbGF5OiAtd2Via2l0LWJveDtcbiAgLXdlYmtpdC1saW5lLWNsYW1wOiAxO1xuICBsaW5lLWNsYW1wOiAxO1xuICAtd2Via2l0LWJveC1vcmllbnQ6IHZlcnRpY2FsO1xuYDtcblxuY29uc3QgRm9sZGVyV3JhcHBlciA9IHN0eWxlZChTYWZlTGluaylgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH07XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmxpZ2h0fTtcbiAgYm9yZGVyLXJhZGl1czogMnB4O1xuICBib3gtc2hhZG93OiBub25lO1xuICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gIGNvbG9yOiAke2NvbG9ycy5icmFuZC5ncmV5RGFya307XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG4gICY6aG92ZXIge1xuICAgIGJveC1zaGFkb3c6IDFweCAxcHggNnB4IDJweCByZ2JhKDksIDU1LCAxMDEsIDAuMDgpO1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMnM7XG4gICAgJHtGb2xkZXJUaXRsZX0ge1xuICAgICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgfVxuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICB0aXRsZTogc3RyaW5nO1xuICBzdWJGb2xkZXJzPzogbnVtYmVyO1xuICBzdWJSZXNvdXJjZXM/OiBudW1iZXI7XG4gIGRlc2NyaXB0aW9uPzogc3RyaW5nO1xuICBsaW5rOiBzdHJpbmc7XG4gIHR5cGU6IExheW91dFR5cGU7XG4gIGFjdGlvbk1lbnU/OiBSZWFjdE5vZGU7XG59XG5cbmludGVyZmFjZSBJY29uQ291bnRQcm9wcyB7XG4gIHR5cGU6ICdyZXNvdXJjZScgfCAnZm9sZGVyJztcbiAgY291bnQ/OiBudW1iZXI7XG4gIGxheW91dFR5cGU6IExheW91dFR5cGU7XG59XG5cbmludGVyZmFjZSBJY29uQ291bnRXcmFwcGVyUHJvcHMge1xuICB0eXBlOiBMYXlvdXRUeXBlO1xufVxuXG5jb25zdCBJY29uQ291bnRXcmFwcGVyID0gc3R5bGVkLmRpdjxJY29uQ291bnRXcmFwcGVyUHJvcHM+YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6IDJweDtcbiAgJHtmb250cy5zaXplcygxNil9O1xuICAkeyhwKSA9PlxuICAgIHAudHlwZSA9PT0gJ2Jsb2NrJyAmJlxuICAgIGNzc2BcbiAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAke0ZvbGRlcldyYXBwZXJ9OmhvdmVyICYge1xuICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgfVxuICAgIGB9O1xuYDtcblxuY29uc3QgSWNvbkNvdW50ID0gKHsgdHlwZSwgY291bnQsIGxheW91dFR5cGUgfTogSWNvbkNvdW50UHJvcHMpID0+IHtcbiAgY29uc3QgSWNvbiA9IHR5cGUgPT09ICdyZXNvdXJjZScgPyBGaWxlRG9jdW1lbnRPdXRsaW5lIDogRm9sZGVyT3V0bGluZWQ7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgaWYgKCFjb3VudCkgcmV0dXJuIG51bGw7XG5cbiAgcmV0dXJuIChcbiAgICA8SWNvbkNvdW50V3JhcHBlciB0eXBlPXtsYXlvdXRUeXBlfT5cbiAgICAgIDxJY29uIGFyaWEtbGFiZWw9e3QoYG15TmRsYS4ke3R5cGV9c2ApfSAvPlxuICAgICAgPHNwYW4+e2xheW91dFR5cGUgPT09ICdibG9jaycgPyBjb3VudCA6IHQoYG15TmRsYS4ke3R5cGV9c2AsIHsgY291bnQ6IDMgfSl9PC9zcGFuPlxuICAgIDwvSWNvbkNvdW50V3JhcHBlcj5cbiAgKTtcbn07XG5cbnR5cGUgTGF5b3V0VHlwZSA9ICdsaXN0JyB8ICdibG9jayc7XG5cbmNvbnN0IEZvbGRlciA9ICh7IGxpbmssIHRpdGxlLCBzdWJGb2xkZXJzLCBzdWJSZXNvdXJjZXMsIHR5cGUgPSAnbGlzdCcsIGFjdGlvbk1lbnUgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDxGb2xkZXJXcmFwcGVyIHRvPXtsaW5rfT5cbiAgICAgIDxGb2xkZXJJY29uV3JhcHBlciB0eXBlPXt0eXBlfT5cbiAgICAgICAgPEZvbGRlck91dGxpbmVkIGFyaWEtbGFiZWw9e3QoJ215TmRsYS5mb2xkZXInKX0gLz5cbiAgICAgIDwvRm9sZGVySWNvbldyYXBwZXI+XG4gICAgICA8Rm9sZGVyVGl0bGU+e3RpdGxlfTwvRm9sZGVyVGl0bGU+XG4gICAgICA8SWNvbkNvdW50IGxheW91dFR5cGU9e3R5cGV9IHR5cGU9eydmb2xkZXInfSBjb3VudD17c3ViRm9sZGVyc30gLz5cbiAgICAgIDxJY29uQ291bnQgbGF5b3V0VHlwZT17dHlwZX0gdHlwZT17J3Jlc291cmNlJ30gY291bnQ9e3N1YlJlc291cmNlc30gLz5cbiAgICAgIDxNZW51QnV0dG9uIHNpemU9XCJzbWFsbFwiIC8+XG4gICAgPC9Gb2xkZXJXcmFwcGVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgRm9sZGVyO1xuIl19 */"));
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvbGRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUcwRCIsImZpbGUiOiJGb2xkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgRm9sZGVyT3V0bGluZWQgfSBmcm9tICdAbmRsYS9pY29ucy9jb250ZW50VHlwZSc7XG5pbXBvcnQgeyBGaWxlRG9jdW1lbnRPdXRsaW5lIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCB7IGZvbnRzLCBzcGFjaW5nLCBjb2xvcnMgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBTYWZlTGluayBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5pbXBvcnQgeyBNZW51QnV0dG9uIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcblxuaW50ZXJmYWNlIEZvbGRlckljb25XcmFwcGVyUHJvcHMge1xuICB0eXBlPzogTGF5b3V0VHlwZTtcbn1cblxuY29uc3QgRm9sZGVySWNvbldyYXBwZXIgPSBzdHlsZWQuZGl2PEZvbGRlckljb25XcmFwcGVyUHJvcHM+YFxuICBkaXNwbGF5OiBmbGV4O1xuICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHRlcn07XG4gIHN2ZyB7XG4gICAgd2lkdGg6IDE4cHg7XG4gICAgaGVpZ2h0OiAxOHB4O1xuICB9XG4gICR7KHApID0+XG4gICAgcC50eXBlID09PSAnYmxvY2snICYmXG4gICAgY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgICR7Rm9sZGVyV3JhcHBlcn06aG92ZXIgJiB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5icmFuZC5saWdodH07XG4gICAgICB0cmFuc2l0aW9uLWR1cmF0aW9uIDAuNXM7XG4gICAgfVxuICBgfTtcbmA7XG5cbmNvbnN0IEZvbGRlclRpdGxlID0gc3R5bGVkLmgyYFxuICAke2ZvbnRzLnNpemVzKDE4KX07XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5ub3JtYWx9O1xuICBtYXJnaW46IDA7XG4gIGZsZXg6IDE7XG5cbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIC8vIFVuZm9ydHVuYXRlIGNzcyBuZWVkZWQgZm9yIG11bHRpLWxpbmUgdGV4dCBvdmVyZmxvdyBlbGxpcHNpcy5cbiAgZGlzcGxheTogLXdlYmtpdC1ib3g7XG4gIC13ZWJraXQtbGluZS1jbGFtcDogMTtcbiAgbGluZS1jbGFtcDogMTtcbiAgLXdlYmtpdC1ib3gtb3JpZW50OiB2ZXJ0aWNhbDtcbmA7XG5cbmNvbnN0IEZvbGRlcldyYXBwZXIgPSBzdHlsZWQoU2FmZUxpbmspYFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5saWdodH07XG4gIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICBjb2xvcjogJHtjb2xvcnMuYnJhbmQuZ3JleURhcmt9O1xuICBmb250LWZhbWlseTogJHtmb250cy5zYW5zfTtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4ycztcbiAgZ2FwOiAke3NwYWNpbmcuc21hbGx9O1xuICAmOmhvdmVyIHtcbiAgICBib3gtc2hhZG93OiAxcHggMXB4IDZweCAycHggcmdiYSg5LCA1NSwgMTAxLCAwLjA4KTtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICAgICR7Rm9sZGVyVGl0bGV9IHtcbiAgICAgIGNvbG9yOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICAgIH1cbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgdGl0bGU6IHN0cmluZztcbiAgc3ViRm9sZGVycz86IG51bWJlcjtcbiAgc3ViUmVzb3VyY2VzPzogbnVtYmVyO1xuICBkZXNjcmlwdGlvbj86IHN0cmluZztcbiAgbGluazogc3RyaW5nO1xuICB0eXBlOiBMYXlvdXRUeXBlO1xuICBhY3Rpb25NZW51PzogUmVhY3ROb2RlO1xufVxuXG5pbnRlcmZhY2UgSWNvbkNvdW50UHJvcHMge1xuICB0eXBlOiAncmVzb3VyY2UnIHwgJ2ZvbGRlcic7XG4gIGNvdW50PzogbnVtYmVyO1xuICBsYXlvdXRUeXBlOiBMYXlvdXRUeXBlO1xufVxuXG5pbnRlcmZhY2UgSWNvbkNvdW50V3JhcHBlclByb3BzIHtcbiAgdHlwZTogTGF5b3V0VHlwZTtcbn1cblxuY29uc3QgSWNvbkNvdW50V3JhcHBlciA9IHN0eWxlZC5kaXY8SWNvbkNvdW50V3JhcHBlclByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAycHg7XG4gICR7Zm9udHMuc2l6ZXMoMTYpfTtcbiAgJHsocCkgPT5cbiAgICBwLnR5cGUgPT09ICdibG9jaycgJiZcbiAgICBjc3NgXG4gICAgICBvcGFjaXR5OiAwO1xuICAgICAgJHtGb2xkZXJXcmFwcGVyfTpob3ZlciAmIHtcbiAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgIH1cbiAgICBgfTtcbmA7XG5cbmNvbnN0IEljb25Db3VudCA9ICh7IHR5cGUsIGNvdW50LCBsYXlvdXRUeXBlIH06IEljb25Db3VudFByb3BzKSA9PiB7XG4gIGNvbnN0IEljb24gPSB0eXBlID09PSAncmVzb3VyY2UnID8gRmlsZURvY3VtZW50T3V0bGluZSA6IEZvbGRlck91dGxpbmVkO1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGlmICghY291bnQpIHJldHVybiBudWxsO1xuXG4gIHJldHVybiAoXG4gICAgPEljb25Db3VudFdyYXBwZXIgdHlwZT17bGF5b3V0VHlwZX0+XG4gICAgICA8SWNvbiBhcmlhLWxhYmVsPXt0KGBteU5kbGEuJHt0eXBlfXNgKX0gLz5cbiAgICAgIDxzcGFuPntsYXlvdXRUeXBlID09PSAnYmxvY2snID8gY291bnQgOiB0KGBteU5kbGEuJHt0eXBlfXNgLCB7IGNvdW50OiAzIH0pfTwvc3Bhbj5cbiAgICA8L0ljb25Db3VudFdyYXBwZXI+XG4gICk7XG59O1xuXG50eXBlIExheW91dFR5cGUgPSAnbGlzdCcgfCAnYmxvY2snO1xuXG5jb25zdCBGb2xkZXIgPSAoeyBsaW5rLCB0aXRsZSwgc3ViRm9sZGVycywgc3ViUmVzb3VyY2VzLCB0eXBlID0gJ2xpc3QnLCBhY3Rpb25NZW51IH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgcmV0dXJuIChcbiAgICA8Rm9sZGVyV3JhcHBlciB0bz17bGlua30+XG4gICAgICA8Rm9sZGVySWNvbldyYXBwZXIgdHlwZT17dHlwZX0+XG4gICAgICAgIDxGb2xkZXJPdXRsaW5lZCBhcmlhLWxhYmVsPXt0KCdteU5kbGEuZm9sZGVyJyl9IC8+XG4gICAgICA8L0ZvbGRlckljb25XcmFwcGVyPlxuICAgICAgPEZvbGRlclRpdGxlPnt0aXRsZX08L0ZvbGRlclRpdGxlPlxuICAgICAgPEljb25Db3VudCBsYXlvdXRUeXBlPXt0eXBlfSB0eXBlPXsnZm9sZGVyJ30gY291bnQ9e3N1YkZvbGRlcnN9IC8+XG4gICAgICA8SWNvbkNvdW50IGxheW91dFR5cGU9e3R5cGV9IHR5cGU9eydyZXNvdXJjZSd9IGNvdW50PXtzdWJSZXNvdXJjZXN9IC8+XG4gICAgICA8TWVudUJ1dHRvbiBzaXplPVwic21hbGxcIiAvPlxuICAgIDwvRm9sZGVyV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEZvbGRlcjtcbiJdfQ== */"));
+
+var IconCount = function IconCount(_ref) {
+  var type = _ref.type,
+      count = _ref.count,
+      layoutType = _ref.layoutType;
+  var Icon = type === 'resource' ? _common.FileDocumentOutline : _contentType.FolderOutlined;
+
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+      t = _useTranslation.t;
+
+  if (!count) return null;
+  return (0, _core2.jsx)(IconCountWrapper, {
+    type: layoutType
+  }, (0, _core2.jsx)(Icon, {
+    "aria-label": t("myNdla.".concat(type, "s"))
+  }), (0, _core2.jsx)("span", null, layoutType === 'block' ? count : t("myNdla.".concat(type, "s"), {
+    count: 3
+  })));
+};
+
+var Folder = function Folder(_ref2) {
+  var link = _ref2.link,
+      title = _ref2.title,
+      subFolders = _ref2.subFolders,
+      subResources = _ref2.subResources,
+      _ref2$type = _ref2.type,
+      type = _ref2$type === void 0 ? 'list' : _ref2$type,
+      actionMenu = _ref2.actionMenu;
+
+  var _useTranslation2 = (0, _reactI18next.useTranslation)(),
+      t = _useTranslation2.t;
+
+  return (0, _core2.jsx)(FolderWrapper, {
+    to: link
+  }, (0, _core2.jsx)(FolderIconWrapper, {
+    type: type
+  }, (0, _core2.jsx)(_contentType.FolderOutlined, {
+    "aria-label": t('myNdla.folder')
+  })), (0, _core2.jsx)(FolderTitle, null, title), (0, _core2.jsx)(IconCount, {
+    layoutType: type,
+    type: 'folder',
+    count: subFolders
+  }), (0, _core2.jsx)(IconCount, {
+    layoutType: type,
+    type: 'resource',
+    count: subResources
+  }), (0, _core2.jsx)(_button.MenuButton, {
+    size: "small"
+  }));
+};
+
+var _default = Folder;
+exports["default"] = _default;

package/lib/MyNdla/Resource/FolderInput.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Copyright (c) 2022-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+/// <reference types="react" />
+interface Props {
+    onAddFolder: (name: string) => void;
+    onClose: () => void;
+    autoFocus?: boolean;
+}
+declare const FolderInput: ({ onAddFolder, onClose, autoFocus }: Props) => JSX.Element;
+export default FolderInput;

package/lib/MyNdla/Resource/FolderInput.js

@@ -0,0 +1,116 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
+
+var _src = require("@ndla/button/src");
+
+var _contentType = require("@ndla/icons/contentType");
+
+var _action = require("@ndla/icons/action");
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactI18next = require("react-i18next");
+
+var _core = require("@ndla/core");
+
+var _core2 = require("@emotion/core");
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+// Source: https://kovart.github.io/dashed-border-generator/
+var borderStyle = "url(\"data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='".concat(encodeURIComponent(_core.colors.brand.tertiary), "' stroke-width='2' stroke-dasharray='8%2c8' stroke-dashoffset='4' stroke-linecap='square'/%3e%3c/svg%3e\")");
+var FolderInputWrapper = (0, _styledBase["default"])("div", {
+  target: "esbqk1r0",
+  label: "FolderInputWrapper"
+})("display:flex;flex-direction:row;align-items:center;padding:", _core.spacing.small, ";background-image:", borderStyle, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvbGRlcklucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQnFDIiwiZmlsZSI6IkZvbGRlcklucHV0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gJ0BuZGxhL2J1dHRvbi9zcmMnO1xuaW1wb3J0IHsgRm9sZGVyT3V0bGluZWQgfSBmcm9tICdAbmRsYS9pY29ucy9jb250ZW50VHlwZSc7XG5pbXBvcnQgeyBDcm9zcyB9IGZyb20gJ0BuZGxhL2ljb25zL2FjdGlvbic7XG5pbXBvcnQgUmVhY3QsIHsgQ2hhbmdlRXZlbnQsIEtleWJvYXJkRXZlbnQsIHVzZUVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuLy8gU291cmNlOiBodHRwczovL2tvdmFydC5naXRodWIuaW8vZGFzaGVkLWJvcmRlci1nZW5lcmF0b3IvXG5jb25zdCBib3JkZXJTdHlsZSA9IGB1cmwoXCJkYXRhOmltYWdlL3N2Zyt4bWwsJTNjc3ZnIHdpZHRoPScxMDAlMjUnIGhlaWdodD0nMTAwJTI1JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnJTNlJTNjcmVjdCB3aWR0aD0nMTAwJTI1JyBoZWlnaHQ9JzEwMCUyNScgZmlsbD0nbm9uZScgc3Ryb2tlPScke2VuY29kZVVSSUNvbXBvbmVudChcbiAgY29sb3JzLmJyYW5kLnRlcnRpYXJ5LFxuKX0nIHN0cm9rZS13aWR0aD0nMicgc3Ryb2tlLWRhc2hhcnJheT0nOCUyYzgnIHN0cm9rZS1kYXNob2Zmc2V0PSc0JyBzdHJva2UtbGluZWNhcD0nc3F1YXJlJy8lM2UlM2Mvc3ZnJTNlXCIpYDtcblxuY29uc3QgRm9sZGVySW5wdXRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfTtcblxuICBiYWNrZ3JvdW5kLWltYWdlOiAke2JvcmRlclN0eWxlfTtcbmA7XG5cbmNvbnN0IFN0eWxlZEZvbGRlckljb24gPSBzdHlsZWQuc3BhbmBcbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfTtcbiAgc3ZnIHtcbiAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gICAgaGVpZ2h0OiAyMHB4O1xuICAgIHdpZHRoOiAyMHB4O1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRJbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICBvdXRsaW5lOiBub25lO1xuICBib3JkZXI6IG5vbmU7XG4gIG1hcmdpbi1yaWdodDogYXV0bztcbiAgbGluZS1oZWlnaHQ6IDEuNzVlbTtcblxuICA6OnNlbGVjdGlvbiB7XG4gICAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQubGlnaHRlcn07XG4gIH1cbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIG9uQWRkRm9sZGVyOiAobmFtZTogc3RyaW5nKSA9PiB2b2lkO1xuICBvbkNsb3NlOiAoKSA9PiB2b2lkO1xuICBhdXRvRm9jdXM/OiBib29sZWFuO1xufVxuXG5jb25zdCBGb2xkZXJJbnB1dCA9ICh7IG9uQWRkRm9sZGVyLCBvbkNsb3NlLCBhdXRvRm9jdXMgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBuZXdGb2xkZXJUZXh0ID0gdCgndHJlZVN0cnVjdHVyZS5uZXdGb2xkZXIuZGVmYXVsdE5hbWUnKTtcbiAgY29uc3QgW2lucHV0LCBzZXRJbnB1dF0gPSB1c2VTdGF0ZTxzdHJpbmc+KG5ld0ZvbGRlclRleHQpO1xuICBjb25zdCBbbW91bnRlZCwgc2V0TW91bnRlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IGlucHV0UmVmID0gdXNlUmVmPEhUTUxJbnB1dEVsZW1lbnQ+KG51bGwpO1xuXG4gIGNvbnN0IGhhbmRsZUlucHV0Q2hhbmdlID0gKGU6IENoYW5nZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB7XG4gICAgc2V0SW5wdXQoZS50YXJnZXQudmFsdWUpO1xuICB9O1xuXG4gIGNvbnN0IG9uS2V5ZG93biA9IChlOiBLZXlib2FyZEV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB7XG4gICAgaWYgKGUua2V5ID09PSAnRW50ZXInICYmIGlucHV0KSB7XG4gICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICBvbkFkZEZvbGRlcihpbnB1dCk7XG4gICAgfVxuICB9O1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKG1vdW50ZWQgJiYgYXV0b0ZvY3VzKSB7XG4gICAgICBpbnB1dFJlZi5jdXJyZW50Py5zZWxlY3QoKTtcbiAgICB9IGVsc2Uge1xuICAgICAgc2V0TW91bnRlZCh0cnVlKTtcbiAgICB9XG4gIH0sIFttb3VudGVkLCBhdXRvRm9jdXNdKTtcblxuICByZXR1cm4gKFxuICAgIDxGb2xkZXJJbnB1dFdyYXBwZXI+XG4gICAgICA8U3R5bGVkRm9sZGVySWNvbj5cbiAgICAgICAgPEZvbGRlck91dGxpbmVkIC8+XG4gICAgICA8L1N0eWxlZEZvbGRlckljb24+XG4gICAgICA8U3R5bGVkSW5wdXRcbiAgICAgICAgcmVmPXtpbnB1dFJlZn1cbiAgICAgICAgdmFsdWU9e2lucHV0fVxuICAgICAgICBvbkNoYW5nZT17aGFuZGxlSW5wdXRDaGFuZ2V9XG4gICAgICAgIG9uS2V5RG93bj17b25LZXlkb3dufVxuICAgICAgICBhcmlhLWxhYmVsPXtuZXdGb2xkZXJUZXh0fVxuICAgICAgLz5cbiAgICAgIDxJY29uQnV0dG9uIGFyaWEtbGFiZWw9e3QoJ2Nsb3NlJyl9IHNpemU9XCJzbWFsbFwiIGdob3N0UGlsbCBvbkNsaWNrPXtvbkNsb3NlfT5cbiAgICAgICAgPENyb3NzIC8+XG4gICAgICA8L0ljb25CdXR0b24+XG4gICAgPC9Gb2xkZXJJbnB1dFdyYXBwZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBGb2xkZXJJbnB1dDtcbiJdfQ== */"));
+var StyledFolderIcon = (0, _styledBase["default"])("span", {
+  target: "esbqk1r1",
+  label: "StyledFolderIcon"
+})("display:flex;padding:", _core.spacing.small, ";svg{color:", _core.colors.brand.primary, ";height:20px;width:20px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvbGRlcklucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4Qm9DIiwiZmlsZSI6IkZvbGRlcklucHV0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gJ0BuZGxhL2J1dHRvbi9zcmMnO1xuaW1wb3J0IHsgRm9sZGVyT3V0bGluZWQgfSBmcm9tICdAbmRsYS9pY29ucy9jb250ZW50VHlwZSc7XG5pbXBvcnQgeyBDcm9zcyB9IGZyb20gJ0BuZGxhL2ljb25zL2FjdGlvbic7XG5pbXBvcnQgUmVhY3QsIHsgQ2hhbmdlRXZlbnQsIEtleWJvYXJkRXZlbnQsIHVzZUVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuLy8gU291cmNlOiBodHRwczovL2tvdmFydC5naXRodWIuaW8vZGFzaGVkLWJvcmRlci1nZW5lcmF0b3IvXG5jb25zdCBib3JkZXJTdHlsZSA9IGB1cmwoXCJkYXRhOmltYWdlL3N2Zyt4bWwsJTNjc3ZnIHdpZHRoPScxMDAlMjUnIGhlaWdodD0nMTAwJTI1JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnJTNlJTNjcmVjdCB3aWR0aD0nMTAwJTI1JyBoZWlnaHQ9JzEwMCUyNScgZmlsbD0nbm9uZScgc3Ryb2tlPScke2VuY29kZVVSSUNvbXBvbmVudChcbiAgY29sb3JzLmJyYW5kLnRlcnRpYXJ5LFxuKX0nIHN0cm9rZS13aWR0aD0nMicgc3Ryb2tlLWRhc2hhcnJheT0nOCUyYzgnIHN0cm9rZS1kYXNob2Zmc2V0PSc0JyBzdHJva2UtbGluZWNhcD0nc3F1YXJlJy8lM2UlM2Mvc3ZnJTNlXCIpYDtcblxuY29uc3QgRm9sZGVySW5wdXRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfTtcblxuICBiYWNrZ3JvdW5kLWltYWdlOiAke2JvcmRlclN0eWxlfTtcbmA7XG5cbmNvbnN0IFN0eWxlZEZvbGRlckljb24gPSBzdHlsZWQuc3BhbmBcbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfTtcbiAgc3ZnIHtcbiAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gICAgaGVpZ2h0OiAyMHB4O1xuICAgIHdpZHRoOiAyMHB4O1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRJbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICBvdXRsaW5lOiBub25lO1xuICBib3JkZXI6IG5vbmU7XG4gIG1hcmdpbi1yaWdodDogYXV0bztcbiAgbGluZS1oZWlnaHQ6IDEuNzVlbTtcblxuICA6OnNlbGVjdGlvbiB7XG4gICAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQubGlnaHRlcn07XG4gIH1cbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIG9uQWRkRm9sZGVyOiAobmFtZTogc3RyaW5nKSA9PiB2b2lkO1xuICBvbkNsb3NlOiAoKSA9PiB2b2lkO1xuICBhdXRvRm9jdXM/OiBib29sZWFuO1xufVxuXG5jb25zdCBGb2xkZXJJbnB1dCA9ICh7IG9uQWRkRm9sZGVyLCBvbkNsb3NlLCBhdXRvRm9jdXMgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBuZXdGb2xkZXJUZXh0ID0gdCgndHJlZVN0cnVjdHVyZS5uZXdGb2xkZXIuZGVmYXVsdE5hbWUnKTtcbiAgY29uc3QgW2lucHV0LCBzZXRJbnB1dF0gPSB1c2VTdGF0ZTxzdHJpbmc+KG5ld0ZvbGRlclRleHQpO1xuICBjb25zdCBbbW91bnRlZCwgc2V0TW91bnRlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IGlucHV0UmVmID0gdXNlUmVmPEhUTUxJbnB1dEVsZW1lbnQ+KG51bGwpO1xuXG4gIGNvbnN0IGhhbmRsZUlucHV0Q2hhbmdlID0gKGU6IENoYW5nZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB7XG4gICAgc2V0SW5wdXQoZS50YXJnZXQudmFsdWUpO1xuICB9O1xuXG4gIGNvbnN0IG9uS2V5ZG93biA9IChlOiBLZXlib2FyZEV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB7XG4gICAgaWYgKGUua2V5ID09PSAnRW50ZXInICYmIGlucHV0KSB7XG4gICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICBvbkFkZEZvbGRlcihpbnB1dCk7XG4gICAgfVxuICB9O1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKG1vdW50ZWQgJiYgYXV0b0ZvY3VzKSB7XG4gICAgICBpbnB1dFJlZi5jdXJyZW50Py5zZWxlY3QoKTtcbiAgICB9IGVsc2Uge1xuICAgICAgc2V0TW91bnRlZCh0cnVlKTtcbiAgICB9XG4gIH0sIFttb3VudGVkLCBhdXRvRm9jdXNdKTtcblxuICByZXR1cm4gKFxuICAgIDxGb2xkZXJJbnB1dFdyYXBwZXI+XG4gICAgICA8U3R5bGVkRm9sZGVySWNvbj5cbiAgICAgICAgPEZvbGRlck91dGxpbmVkIC8+XG4gICAgICA8L1N0eWxlZEZvbGRlckljb24+XG4gICAgICA8U3R5bGVkSW5wdXRcbiAgICAgICAgcmVmPXtpbnB1dFJlZn1cbiAgICAgICAgdmFsdWU9e2lucHV0fVxuICAgICAgICBvbkNoYW5nZT17aGFuZGxlSW5wdXRDaGFuZ2V9XG4gICAgICAgIG9uS2V5RG93bj17b25LZXlkb3dufVxuICAgICAgICBhcmlhLWxhYmVsPXtuZXdGb2xkZXJUZXh0fVxuICAgICAgLz5cbiAgICAgIDxJY29uQnV0dG9uIGFyaWEtbGFiZWw9e3QoJ2Nsb3NlJyl9IHNpemU9XCJzbWFsbFwiIGdob3N0UGlsbCBvbkNsaWNrPXtvbkNsb3NlfT5cbiAgICAgICAgPENyb3NzIC8+XG4gICAgICA8L0ljb25CdXR0b24+XG4gICAgPC9Gb2xkZXJJbnB1dFdyYXBwZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBGb2xkZXJJbnB1dDtcbiJdfQ== */"));
+var StyledInput = (0, _styledBase["default"])("input", {
+  target: "esbqk1r2",
+  label: "StyledInput"
+})("color:", _core.colors.brand.primary, ";outline:none;border:none;margin-right:auto;line-height:1.75em;::selection{background:", _core.colors.brand.lighter, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvbGRlcklucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3Q2dDIiwiZmlsZSI6IkZvbGRlcklucHV0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gJ0BuZGxhL2J1dHRvbi9zcmMnO1xuaW1wb3J0IHsgRm9sZGVyT3V0bGluZWQgfSBmcm9tICdAbmRsYS9pY29ucy9jb250ZW50VHlwZSc7XG5pbXBvcnQgeyBDcm9zcyB9IGZyb20gJ0BuZGxhL2ljb25zL2FjdGlvbic7XG5pbXBvcnQgUmVhY3QsIHsgQ2hhbmdlRXZlbnQsIEtleWJvYXJkRXZlbnQsIHVzZUVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuLy8gU291cmNlOiBodHRwczovL2tvdmFydC5naXRodWIuaW8vZGFzaGVkLWJvcmRlci1nZW5lcmF0b3IvXG5jb25zdCBib3JkZXJTdHlsZSA9IGB1cmwoXCJkYXRhOmltYWdlL3N2Zyt4bWwsJTNjc3ZnIHdpZHRoPScxMDAlMjUnIGhlaWdodD0nMTAwJTI1JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnJTNlJTNjcmVjdCB3aWR0aD0nMTAwJTI1JyBoZWlnaHQ9JzEwMCUyNScgZmlsbD0nbm9uZScgc3Ryb2tlPScke2VuY29kZVVSSUNvbXBvbmVudChcbiAgY29sb3JzLmJyYW5kLnRlcnRpYXJ5LFxuKX0nIHN0cm9rZS13aWR0aD0nMicgc3Ryb2tlLWRhc2hhcnJheT0nOCUyYzgnIHN0cm9rZS1kYXNob2Zmc2V0PSc0JyBzdHJva2UtbGluZWNhcD0nc3F1YXJlJy8lM2UlM2Mvc3ZnJTNlXCIpYDtcblxuY29uc3QgRm9sZGVySW5wdXRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfTtcblxuICBiYWNrZ3JvdW5kLWltYWdlOiAke2JvcmRlclN0eWxlfTtcbmA7XG5cbmNvbnN0IFN0eWxlZEZvbGRlckljb24gPSBzdHlsZWQuc3BhbmBcbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfTtcbiAgc3ZnIHtcbiAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gICAgaGVpZ2h0OiAyMHB4O1xuICAgIHdpZHRoOiAyMHB4O1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRJbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICBvdXRsaW5lOiBub25lO1xuICBib3JkZXI6IG5vbmU7XG4gIG1hcmdpbi1yaWdodDogYXV0bztcbiAgbGluZS1oZWlnaHQ6IDEuNzVlbTtcblxuICA6OnNlbGVjdGlvbiB7XG4gICAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQubGlnaHRlcn07XG4gIH1cbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIG9uQWRkRm9sZGVyOiAobmFtZTogc3RyaW5nKSA9PiB2b2lkO1xuICBvbkNsb3NlOiAoKSA9PiB2b2lkO1xuICBhdXRvRm9jdXM/OiBib29sZWFuO1xufVxuXG5jb25zdCBGb2xkZXJJbnB1dCA9ICh7IG9uQWRkRm9sZGVyLCBvbkNsb3NlLCBhdXRvRm9jdXMgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBuZXdGb2xkZXJUZXh0ID0gdCgndHJlZVN0cnVjdHVyZS5uZXdGb2xkZXIuZGVmYXVsdE5hbWUnKTtcbiAgY29uc3QgW2lucHV0LCBzZXRJbnB1dF0gPSB1c2VTdGF0ZTxzdHJpbmc+KG5ld0ZvbGRlclRleHQpO1xuICBjb25zdCBbbW91bnRlZCwgc2V0TW91bnRlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IGlucHV0UmVmID0gdXNlUmVmPEhUTUxJbnB1dEVsZW1lbnQ+KG51bGwpO1xuXG4gIGNvbnN0IGhhbmRsZUlucHV0Q2hhbmdlID0gKGU6IENoYW5nZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB7XG4gICAgc2V0SW5wdXQoZS50YXJnZXQudmFsdWUpO1xuICB9O1xuXG4gIGNvbnN0IG9uS2V5ZG93biA9IChlOiBLZXlib2FyZEV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB7XG4gICAgaWYgKGUua2V5ID09PSAnRW50ZXInICYmIGlucHV0KSB7XG4gICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICBvbkFkZEZvbGRlcihpbnB1dCk7XG4gICAgfVxuICB9O1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKG1vdW50ZWQgJiYgYXV0b0ZvY3VzKSB7XG4gICAgICBpbnB1dFJlZi5jdXJyZW50Py5zZWxlY3QoKTtcbiAgICB9IGVsc2Uge1xuICAgICAgc2V0TW91bnRlZCh0cnVlKTtcbiAgICB9XG4gIH0sIFttb3VudGVkLCBhdXRvRm9jdXNdKTtcblxuICByZXR1cm4gKFxuICAgIDxGb2xkZXJJbnB1dFdyYXBwZXI+XG4gICAgICA8U3R5bGVkRm9sZGVySWNvbj5cbiAgICAgICAgPEZvbGRlck91dGxpbmVkIC8+XG4gICAgICA8L1N0eWxlZEZvbGRlckljb24+XG4gICAgICA8U3R5bGVkSW5wdXRcbiAgICAgICAgcmVmPXtpbnB1dFJlZn1cbiAgICAgICAgdmFsdWU9e2lucHV0fVxuICAgICAgICBvbkNoYW5nZT17aGFuZGxlSW5wdXRDaGFuZ2V9XG4gICAgICAgIG9uS2V5RG93bj17b25LZXlkb3dufVxuICAgICAgICBhcmlhLWxhYmVsPXtuZXdGb2xkZXJUZXh0fVxuICAgICAgLz5cbiAgICAgIDxJY29uQnV0dG9uIGFyaWEtbGFiZWw9e3QoJ2Nsb3NlJyl9IHNpemU9XCJzbWFsbFwiIGdob3N0UGlsbCBvbkNsaWNrPXtvbkNsb3NlfT5cbiAgICAgICAgPENyb3NzIC8+XG4gICAgICA8L0ljb25CdXR0b24+XG4gICAgPC9Gb2xkZXJJbnB1dFdyYXBwZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBGb2xkZXJJbnB1dDtcbiJdfQ== */"));
+
+var FolderInput = function FolderInput(_ref) {
+  var onAddFolder = _ref.onAddFolder,
+      onClose = _ref.onClose,
+      autoFocus = _ref.autoFocus;
+
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+      t = _useTranslation.t;
+
+  var newFolderText = t('treeStructure.newFolder.defaultName');
+
+  var _useState = (0, _react.useState)(newFolderText),
+      _useState2 = _slicedToArray(_useState, 2),
+      input = _useState2[0],
+      setInput = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      mounted = _useState4[0],
+      setMounted = _useState4[1];
+
+  var inputRef = (0, _react.useRef)(null);
+
+  var handleInputChange = function handleInputChange(e) {
+    setInput(e.target.value);
+  };
+
+  var onKeydown = function onKeydown(e) {
+    if (e.key === 'Enter' && input) {
+      e.preventDefault();
+      onAddFolder(input);
+    }
+  };
+
+  (0, _react.useEffect)(function () {
+    if (mounted && autoFocus) {
+      var _inputRef$current;
+
+      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.select();
+    } else {
+      setMounted(true);
+    }
+  }, [mounted, autoFocus]);
+  return (0, _core2.jsx)(FolderInputWrapper, null, (0, _core2.jsx)(StyledFolderIcon, null, (0, _core2.jsx)(_contentType.FolderOutlined, null)), (0, _core2.jsx)(StyledInput, {
+    ref: inputRef,
+    value: input,
+    onChange: handleInputChange,
+    onKeyDown: onKeydown,
+    "aria-label": newFolderText
+  }), (0, _core2.jsx)(_src.IconButton, {
+    "aria-label": t('close'),
+    size: "small",
+    ghostPill: true,
+    onClick: onClose
+  }, (0, _core2.jsx)(_action.Cross, null)));
+};
+
+var _default = FolderInput;
+exports["default"] = _default;

package/lib/MyNdla/Resource/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) 2022-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import Folder from './Folder';
+import FolderInput from './FolderInput';
+export { Folder, FolderInput };

package/lib/MyNdla/Resource/index.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Folder", {
+  enumerable: true,
+  get: function get() {
+    return _Folder["default"];
+  }
+});
+Object.defineProperty(exports, "FolderInput", {
+  enumerable: true,
+  get: function get() {
+    return _FolderInput["default"];
+  }
+});
+
+var _Folder = _interopRequireDefault(require("./Folder"));
+
+var _FolderInput = _interopRequireDefault(require("./FolderInput"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/MyNdla/index.d.ts

@@ -1,4 +1,4 @@
-import { ResourceElement } from './ResourceDash';
-import { ResourcesView } from './ResourceDash';
-import { Breadcrumbs } from './ResourceDash';
-export { ResourceElement, ResourcesView, Breadcrumbs };
+import Folder from './Resource/Folder';
+import FolderInput from './Resource/FolderInput';
+import { VerticalNavigation } from './Navigation';
+export { VerticalNavigation, Folder, FolderInput };

package/lib/MyNdla/index.js

@@ -3,23 +3,29 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "ResourceElement", {
+Object.defineProperty(exports, "Folder", {
   enumerable: true,
   get: function get() {
-    return _ResourceDash.ResourceElement;
+    return _Folder["default"];
   }
 });
-Object.defineProperty(exports, "ResourcesView", {
+Object.defineProperty(exports, "FolderInput", {
   enumerable: true,
   get: function get() {
-    return _ResourceDash.ResourcesView;
+    return _FolderInput["default"];
   }
 });
-Object.defineProperty(exports, "Breadcrumbs", {
+Object.defineProperty(exports, "VerticalNavigation", {
   enumerable: true,
   get: function get() {
-    return _ResourceDash.Breadcrumbs;
+    return _Navigation.VerticalNavigation;
   }
 });
 
-var _ResourceDash = require("./ResourceDash");
+var _Folder = _interopRequireDefault(require("./Resource/Folder"));
+
+var _FolderInput = _interopRequireDefault(require("./Resource/FolderInput"));
+
+var _Navigation = require("./Navigation");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/Resource/BlockResource.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) 2022-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import { ReactNode } from 'react';
+import { ResourceImageProps } from './resourceComponents';
+interface BlockResourceProps {
+    link: string;
+    title: string;
+    resourceImage: ResourceImageProps;
+    topics: string[];
+    tags?: string[];
+    description?: string;
+    actionMenu?: ReactNode;
+}
+declare const BlockResource: ({ link, title, tags, resourceImage, topics, description, actionMenu }: BlockResourceProps) => JSX.Element;
+export default BlockResource;