@ndla/ui 13.2.2 → 15.1.0

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;

package/lib/Resource/BlockResource.js

@@ -0,0 +1,84 @@
+"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 _safelink = _interopRequireDefault(require("@ndla/safelink"));
+
+var _core = require("@ndla/core");
+
+var _Image = _interopRequireDefault(require("../Image"));
+
+var _resourceComponents = require("./resourceComponents");
+
+var _core2 = require("@emotion/core");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+var BlockElementWrapper = ( /*#__PURE__*/0, _styledBase["default"])(_safelink["default"], {
+  target: "e1jv62fp0",
+  label: "BlockElementWrapper"
+})("display:flex;text-decoration:none;box-shadow:none;flex-direction:column;max-width:300px;max-height:240px;border:1px solid ", _core.colors.brand.light, ";border-radius:2px;color:", _core.colors.brand.greyDark, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJsb2NrUmVzb3VyY2UudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCNEMiLCJmaWxlIjoiQmxvY2tSZXNvdXJjZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IHsgY29sb3JzLCBmb250cywgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IEltYWdlIGZyb20gJy4uL0ltYWdlJztcbmltcG9ydCB7IENvbXByZXNzVGFnc0xlbmd0aCwgUmVzb3VyY2VJbWFnZVByb3BzLCBSZXNvdXJjZVRpdGxlLCBSb3csIFRvcGljTGlzdCB9IGZyb20gJy4vcmVzb3VyY2VDb21wb25lbnRzJztcblxuaW50ZXJmYWNlIEJsb2NrUmVzb3VyY2VQcm9wcyB7XG4gIGxpbms6IHN0cmluZztcbiAgdGl0bGU6IHN0cmluZztcbiAgcmVzb3VyY2VJbWFnZTogUmVzb3VyY2VJbWFnZVByb3BzO1xuICB0b3BpY3M6IHN0cmluZ1tdO1xuICB0YWdzPzogc3RyaW5nW107XG4gIGRlc2NyaXB0aW9uPzogc3RyaW5nO1xuICBhY3Rpb25NZW51PzogUmVhY3ROb2RlO1xufVxuXG5jb25zdCBCbG9ja0VsZW1lbnRXcmFwcGVyID0gc3R5bGVkKFNhZmVMaW5rKWBcbiAgZGlzcGxheTogZmxleDtcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICBib3gtc2hhZG93OiBub25lO1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBtYXgtd2lkdGg6IDMwMHB4O1xuICBtYXgtaGVpZ2h0OiAyNDBweDtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHR9O1xuICBib3JkZXItcmFkaXVzOiAycHg7XG4gIGNvbG9yOiAke2NvbG9ycy5icmFuZC5ncmV5RGFya307XG5gO1xuXG5jb25zdCBCbG9ja0Rlc2NyaXB0aW9uID0gc3R5bGVkLnBgXG4gIGRpc3BsYXk6IC13ZWJraXQtYm94O1xuICBsaW5lLWNsYW1wOiAyO1xuICAke2ZvbnRzLnNpemVzKDE2KX07XG4gIGhlaWdodDogMGVtO1xuICBtYXJnaW46IDA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICB0cmFuc2l0aW9uOiBoZWlnaHQgMC4ycyBlYXNlLW91dDtcbiAgJHsoKSA9PiBCbG9ja0VsZW1lbnRXcmFwcGVyfTpob3ZlciAmIHtcbiAgICAvLyBVbmZvcnR1bmF0ZSBjc3MgbmVlZGVkIGZvciBtdWx0aS1saW5lIHRleHQgb3ZlcmZsb3cgZWxsaXBzaXMuXG4gICAgaGVpZ2h0OiAzLjFlbTtcbiAgICAtd2Via2l0LWxpbmUtY2xhbXA6IDI7XG4gICAgbGluZS1jbGFtcDogMjtcbiAgICAtd2Via2l0LWJveC1vcmllbnQ6IHZlcnRpY2FsO1xuICB9XG5gO1xuXG5jb25zdCBSaWdodFJvdyA9IHN0eWxlZChSb3cpYFxuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuYDtcblxuY29uc3QgQmxvY2tJbmZvV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH07XG4gIGdhcDogJHtzcGFjaW5nLnh4c21hbGx9O1xuYDtcblxuY29uc3QgSW1hZ2VXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgd2lkdGg6IDEwMCU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGRpdiB7XG4gICAgbWluLXdpZHRoOiAxMDAlO1xuICB9XG4gIGltZyB7XG4gICAgbWluLXdpZHRoOiAxMDAlO1xuICB9XG5gO1xuXG5jb25zdCBCbG9ja1Jlc291cmNlID0gKHsgbGluaywgdGl0bGUsIHRhZ3MsIHJlc291cmNlSW1hZ2UsIHRvcGljcywgZGVzY3JpcHRpb24sIGFjdGlvbk1lbnUgfTogQmxvY2tSZXNvdXJjZVByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEJsb2NrRWxlbWVudFdyYXBwZXIgdG89e2xpbmt9PlxuICAgICAgPEltYWdlV3JhcHBlcj5cbiAgICAgICAgPEltYWdlIGFsdD17cmVzb3VyY2VJbWFnZS5hbHR9IHNyYz17cmVzb3VyY2VJbWFnZS5zcmN9IC8+XG4gICAgICA8L0ltYWdlV3JhcHBlcj5cbiAgICAgIDxCbG9ja0luZm9XcmFwcGVyPlxuICAgICAgICA8ZGl2PlxuICAgICAgICAgIDxSZXNvdXJjZVRpdGxlPnt0aXRsZX08L1Jlc291cmNlVGl0bGU+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8VG9waWNMaXN0IHRvcGljcz17dG9waWNzfSAvPlxuICAgICAgICA8QmxvY2tEZXNjcmlwdGlvbj57ZGVzY3JpcHRpb259PC9CbG9ja0Rlc2NyaXB0aW9uPlxuICAgICAgICA8UmlnaHRSb3c+XG4gICAgICAgICAge3RhZ3MgJiYgQ29tcHJlc3NUYWdzTGVuZ3RoKHRhZ3MpfVxuICAgICAgICAgIHthY3Rpb25NZW51fVxuICAgICAgICA8L1JpZ2h0Um93PlxuICAgICAgPC9CbG9ja0luZm9XcmFwcGVyPlxuICAgIDwvQmxvY2tFbGVtZW50V3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEJsb2NrUmVzb3VyY2U7XG4iXX0= */"));
+var BlockDescription = (0, _styledBase["default"])("p", {
+  target: "e1jv62fp1",
+  label: "BlockDescription"
+})("display:-webkit-box;line-clamp:2;", _core.fonts.sizes(16), ";height:0em;margin:0;overflow:hidden;text-overflow:ellipsis;transition:height 0.2s ease-out;", function () {
+  return BlockElementWrapper;
+}, ":hover &{height:3.1em;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJsb2NrUmVzb3VyY2UudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFDaUMiLCJmaWxlIjoiQmxvY2tSZXNvdXJjZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IHsgY29sb3JzLCBmb250cywgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IEltYWdlIGZyb20gJy4uL0ltYWdlJztcbmltcG9ydCB7IENvbXByZXNzVGFnc0xlbmd0aCwgUmVzb3VyY2VJbWFnZVByb3BzLCBSZXNvdXJjZVRpdGxlLCBSb3csIFRvcGljTGlzdCB9IGZyb20gJy4vcmVzb3VyY2VDb21wb25lbnRzJztcblxuaW50ZXJmYWNlIEJsb2NrUmVzb3VyY2VQcm9wcyB7XG4gIGxpbms6IHN0cmluZztcbiAgdGl0bGU6IHN0cmluZztcbiAgcmVzb3VyY2VJbWFnZTogUmVzb3VyY2VJbWFnZVByb3BzO1xuICB0b3BpY3M6IHN0cmluZ1tdO1xuICB0YWdzPzogc3RyaW5nW107XG4gIGRlc2NyaXB0aW9uPzogc3RyaW5nO1xuICBhY3Rpb25NZW51PzogUmVhY3ROb2RlO1xufVxuXG5jb25zdCBCbG9ja0VsZW1lbnRXcmFwcGVyID0gc3R5bGVkKFNhZmVMaW5rKWBcbiAgZGlzcGxheTogZmxleDtcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICBib3gtc2hhZG93OiBub25lO1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBtYXgtd2lkdGg6IDMwMHB4O1xuICBtYXgtaGVpZ2h0OiAyNDBweDtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHR9O1xuICBib3JkZXItcmFkaXVzOiAycHg7XG4gIGNvbG9yOiAke2NvbG9ycy5icmFuZC5ncmV5RGFya307XG5gO1xuXG5jb25zdCBCbG9ja0Rlc2NyaXB0aW9uID0gc3R5bGVkLnBgXG4gIGRpc3BsYXk6IC13ZWJraXQtYm94O1xuICBsaW5lLWNsYW1wOiAyO1xuICAke2ZvbnRzLnNpemVzKDE2KX07XG4gIGhlaWdodDogMGVtO1xuICBtYXJnaW46IDA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICB0cmFuc2l0aW9uOiBoZWlnaHQgMC4ycyBlYXNlLW91dDtcbiAgJHsoKSA9PiBCbG9ja0VsZW1lbnRXcmFwcGVyfTpob3ZlciAmIHtcbiAgICAvLyBVbmZvcnR1bmF0ZSBjc3MgbmVlZGVkIGZvciBtdWx0aS1saW5lIHRleHQgb3ZlcmZsb3cgZWxsaXBzaXMuXG4gICAgaGVpZ2h0OiAzLjFlbTtcbiAgICAtd2Via2l0LWxpbmUtY2xhbXA6IDI7XG4gICAgbGluZS1jbGFtcDogMjtcbiAgICAtd2Via2l0LWJveC1vcmllbnQ6IHZlcnRpY2FsO1xuICB9XG5gO1xuXG5jb25zdCBSaWdodFJvdyA9IHN0eWxlZChSb3cpYFxuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuYDtcblxuY29uc3QgQmxvY2tJbmZvV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH07XG4gIGdhcDogJHtzcGFjaW5nLnh4c21hbGx9O1xuYDtcblxuY29uc3QgSW1hZ2VXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgd2lkdGg6IDEwMCU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGRpdiB7XG4gICAgbWluLXdpZHRoOiAxMDAlO1xuICB9XG4gIGltZyB7XG4gICAgbWluLXdpZHRoOiAxMDAlO1xuICB9XG5gO1xuXG5jb25zdCBCbG9ja1Jlc291cmNlID0gKHsgbGluaywgdGl0bGUsIHRhZ3MsIHJlc291cmNlSW1hZ2UsIHRvcGljcywgZGVzY3JpcHRpb24sIGFjdGlvbk1lbnUgfTogQmxvY2tSZXNvdXJjZVByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEJsb2NrRWxlbWVudFdyYXBwZXIgdG89e2xpbmt9PlxuICAgICAgPEltYWdlV3JhcHBlcj5cbiAgICAgICAgPEltYWdlIGFsdD17cmVzb3VyY2VJbWFnZS5hbHR9IHNyYz17cmVzb3VyY2VJbWFnZS5zcmN9IC8+XG4gICAgICA8L0ltYWdlV3JhcHBlcj5cbiAgICAgIDxCbG9ja0luZm9XcmFwcGVyPlxuICAgICAgICA8ZGl2PlxuICAgICAgICAgIDxSZXNvdXJjZVRpdGxlPnt0aXRsZX08L1Jlc291cmNlVGl0bGU+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8VG9waWNMaXN0IHRvcGljcz17dG9waWNzfSAvPlxuICAgICAgICA8QmxvY2tEZXNjcmlwdGlvbj57ZGVzY3JpcHRpb259PC9CbG9ja0Rlc2NyaXB0aW9uPlxuICAgICAgICA8UmlnaHRSb3c+XG4gICAgICAgICAge3RhZ3MgJiYgQ29tcHJlc3NUYWdzTGVuZ3RoKHRhZ3MpfVxuICAgICAgICAgIHthY3Rpb25NZW51fVxuICAgICAgICA8L1JpZ2h0Um93PlxuICAgICAgPC9CbG9ja0luZm9XcmFwcGVyPlxuICAgIDwvQmxvY2tFbGVtZW50V3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEJsb2NrUmVzb3VyY2U7XG4iXX0= */"));
+var RightRow = ( /*#__PURE__*/0, _styledBase["default"])(_resourceComponents.Row, {
+  target: "e1jv62fp2",
+  label: "RightRow"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1a9getn",
+  styles: "justify-content:flex-end;"
+} : {
+  name: "1a9getn",
+  styles: "justify-content:flex-end;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJsb2NrUmVzb3VyY2UudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVENEIiLCJmaWxlIjoiQmxvY2tSZXNvdXJjZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IHsgY29sb3JzLCBmb250cywgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IEltYWdlIGZyb20gJy4uL0ltYWdlJztcbmltcG9ydCB7IENvbXByZXNzVGFnc0xlbmd0aCwgUmVzb3VyY2VJbWFnZVByb3BzLCBSZXNvdXJjZVRpdGxlLCBSb3csIFRvcGljTGlzdCB9IGZyb20gJy4vcmVzb3VyY2VDb21wb25lbnRzJztcblxuaW50ZXJmYWNlIEJsb2NrUmVzb3VyY2VQcm9wcyB7XG4gIGxpbms6IHN0cmluZztcbiAgdGl0bGU6IHN0cmluZztcbiAgcmVzb3VyY2VJbWFnZTogUmVzb3VyY2VJbWFnZVByb3BzO1xuICB0b3BpY3M6IHN0cmluZ1tdO1xuICB0YWdzPzogc3RyaW5nW107XG4gIGRlc2NyaXB0aW9uPzogc3RyaW5nO1xuICBhY3Rpb25NZW51PzogUmVhY3ROb2RlO1xufVxuXG5jb25zdCBCbG9ja0VsZW1lbnRXcmFwcGVyID0gc3R5bGVkKFNhZmVMaW5rKWBcbiAgZGlzcGxheTogZmxleDtcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICBib3gtc2hhZG93OiBub25lO1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBtYXgtd2lkdGg6IDMwMHB4O1xuICBtYXgtaGVpZ2h0OiAyNDBweDtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHR9O1xuICBib3JkZXItcmFkaXVzOiAycHg7XG4gIGNvbG9yOiAke2NvbG9ycy5icmFuZC5ncmV5RGFya307XG5gO1xuXG5jb25zdCBCbG9ja0Rlc2NyaXB0aW9uID0gc3R5bGVkLnBgXG4gIGRpc3BsYXk6IC13ZWJraXQtYm94O1xuICBsaW5lLWNsYW1wOiAyO1xuICAke2ZvbnRzLnNpemVzKDE2KX07XG4gIGhlaWdodDogMGVtO1xuICBtYXJnaW46IDA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICB0cmFuc2l0aW9uOiBoZWlnaHQgMC4ycyBlYXNlLW91dDtcbiAgJHsoKSA9PiBCbG9ja0VsZW1lbnRXcmFwcGVyfTpob3ZlciAmIHtcbiAgICAvLyBVbmZvcnR1bmF0ZSBjc3MgbmVlZGVkIGZvciBtdWx0aS1saW5lIHRleHQgb3ZlcmZsb3cgZWxsaXBzaXMuXG4gICAgaGVpZ2h0OiAzLjFlbTtcbiAgICAtd2Via2l0LWxpbmUtY2xhbXA6IDI7XG4gICAgbGluZS1jbGFtcDogMjtcbiAgICAtd2Via2l0LWJveC1vcmllbnQ6IHZlcnRpY2FsO1xuICB9XG5gO1xuXG5jb25zdCBSaWdodFJvdyA9IHN0eWxlZChSb3cpYFxuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuYDtcblxuY29uc3QgQmxvY2tJbmZvV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH07XG4gIGdhcDogJHtzcGFjaW5nLnh4c21hbGx9O1xuYDtcblxuY29uc3QgSW1hZ2VXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgd2lkdGg6IDEwMCU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGRpdiB7XG4gICAgbWluLXdpZHRoOiAxMDAlO1xuICB9XG4gIGltZyB7XG4gICAgbWluLXdpZHRoOiAxMDAlO1xuICB9XG5gO1xuXG5jb25zdCBCbG9ja1Jlc291cmNlID0gKHsgbGluaywgdGl0bGUsIHRhZ3MsIHJlc291cmNlSW1hZ2UsIHRvcGljcywgZGVzY3JpcHRpb24sIGFjdGlvbk1lbnUgfTogQmxvY2tSZXNvdXJjZVByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEJsb2NrRWxlbWVudFdyYXBwZXIgdG89e2xpbmt9PlxuICAgICAgPEltYWdlV3JhcHBlcj5cbiAgICAgICAgPEltYWdlIGFsdD17cmVzb3VyY2VJbWFnZS5hbHR9IHNyYz17cmVzb3VyY2VJbWFnZS5zcmN9IC8+XG4gICAgICA8L0ltYWdlV3JhcHBlcj5cbiAgICAgIDxCbG9ja0luZm9XcmFwcGVyPlxuICAgICAgICA8ZGl2PlxuICAgICAgICAgIDxSZXNvdXJjZVRpdGxlPnt0aXRsZX08L1Jlc291cmNlVGl0bGU+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8VG9waWNMaXN0IHRvcGljcz17dG9waWNzfSAvPlxuICAgICAgICA8QmxvY2tEZXNjcmlwdGlvbj57ZGVzY3JpcHRpb259PC9CbG9ja0Rlc2NyaXB0aW9uPlxuICAgICAgICA8UmlnaHRSb3c+XG4gICAgICAgICAge3RhZ3MgJiYgQ29tcHJlc3NUYWdzTGVuZ3RoKHRhZ3MpfVxuICAgICAgICAgIHthY3Rpb25NZW51fVxuICAgICAgICA8L1JpZ2h0Um93PlxuICAgICAgPC9CbG9ja0luZm9XcmFwcGVyPlxuICAgIDwvQmxvY2tFbGVtZW50V3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEJsb2NrUmVzb3VyY2U7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var BlockInfoWrapper = (0, _styledBase["default"])("div", {
+  target: "e1jv62fp3",
+  label: "BlockInfoWrapper"
+})("display:flex;flex-direction:column;padding:", _core.spacing.small, ";gap:", _core.spacing.xxsmall, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJsb2NrUmVzb3VyY2UudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJEbUMiLCJmaWxlIjoiQmxvY2tSZXNvdXJjZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IHsgY29sb3JzLCBmb250cywgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IEltYWdlIGZyb20gJy4uL0ltYWdlJztcbmltcG9ydCB7IENvbXByZXNzVGFnc0xlbmd0aCwgUmVzb3VyY2VJbWFnZVByb3BzLCBSZXNvdXJjZVRpdGxlLCBSb3csIFRvcGljTGlzdCB9IGZyb20gJy4vcmVzb3VyY2VDb21wb25lbnRzJztcblxuaW50ZXJmYWNlIEJsb2NrUmVzb3VyY2VQcm9wcyB7XG4gIGxpbms6IHN0cmluZztcbiAgdGl0bGU6IHN0cmluZztcbiAgcmVzb3VyY2VJbWFnZTogUmVzb3VyY2VJbWFnZVByb3BzO1xuICB0b3BpY3M6IHN0cmluZ1tdO1xuICB0YWdzPzogc3RyaW5nW107XG4gIGRlc2NyaXB0aW9uPzogc3RyaW5nO1xuICBhY3Rpb25NZW51PzogUmVhY3ROb2RlO1xufVxuXG5jb25zdCBCbG9ja0VsZW1lbnRXcmFwcGVyID0gc3R5bGVkKFNhZmVMaW5rKWBcbiAgZGlzcGxheTogZmxleDtcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICBib3gtc2hhZG93OiBub25lO1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBtYXgtd2lkdGg6IDMwMHB4O1xuICBtYXgtaGVpZ2h0OiAyNDBweDtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHR9O1xuICBib3JkZXItcmFkaXVzOiAycHg7XG4gIGNvbG9yOiAke2NvbG9ycy5icmFuZC5ncmV5RGFya307XG5gO1xuXG5jb25zdCBCbG9ja0Rlc2NyaXB0aW9uID0gc3R5bGVkLnBgXG4gIGRpc3BsYXk6IC13ZWJraXQtYm94O1xuICBsaW5lLWNsYW1wOiAyO1xuICAke2ZvbnRzLnNpemVzKDE2KX07XG4gIGhlaWdodDogMGVtO1xuICBtYXJnaW46IDA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICB0cmFuc2l0aW9uOiBoZWlnaHQgMC4ycyBlYXNlLW91dDtcbiAgJHsoKSA9PiBCbG9ja0VsZW1lbnRXcmFwcGVyfTpob3ZlciAmIHtcbiAgICAvLyBVbmZvcnR1bmF0ZSBjc3MgbmVlZGVkIGZvciBtdWx0aS1saW5lIHRleHQgb3ZlcmZsb3cgZWxsaXBzaXMuXG4gICAgaGVpZ2h0OiAzLjFlbTtcbiAgICAtd2Via2l0LWxpbmUtY2xhbXA6IDI7XG4gICAgbGluZS1jbGFtcDogMjtcbiAgICAtd2Via2l0LWJveC1vcmllbnQ6IHZlcnRpY2FsO1xuICB9XG5gO1xuXG5jb25zdCBSaWdodFJvdyA9IHN0eWxlZChSb3cpYFxuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuYDtcblxuY29uc3QgQmxvY2tJbmZvV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH07XG4gIGdhcDogJHtzcGFjaW5nLnh4c21hbGx9O1xuYDtcblxuY29uc3QgSW1hZ2VXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgd2lkdGg6IDEwMCU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGRpdiB7XG4gICAgbWluLXdpZHRoOiAxMDAlO1xuICB9XG4gIGltZyB7XG4gICAgbWluLXdpZHRoOiAxMDAlO1xuICB9XG5gO1xuXG5jb25zdCBCbG9ja1Jlc291cmNlID0gKHsgbGluaywgdGl0bGUsIHRhZ3MsIHJlc291cmNlSW1hZ2UsIHRvcGljcywgZGVzY3JpcHRpb24sIGFjdGlvbk1lbnUgfTogQmxvY2tSZXNvdXJjZVByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEJsb2NrRWxlbWVudFdyYXBwZXIgdG89e2xpbmt9PlxuICAgICAgPEltYWdlV3JhcHBlcj5cbiAgICAgICAgPEltYWdlIGFsdD17cmVzb3VyY2VJbWFnZS5hbHR9IHNyYz17cmVzb3VyY2VJbWFnZS5zcmN9IC8+XG4gICAgICA8L0ltYWdlV3JhcHBlcj5cbiAgICAgIDxCbG9ja0luZm9XcmFwcGVyPlxuICAgICAgICA8ZGl2PlxuICAgICAgICAgIDxSZXNvdXJjZVRpdGxlPnt0aXRsZX08L1Jlc291cmNlVGl0bGU+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8VG9waWNMaXN0IHRvcGljcz17dG9waWNzfSAvPlxuICAgICAgICA8QmxvY2tEZXNjcmlwdGlvbj57ZGVzY3JpcHRpb259PC9CbG9ja0Rlc2NyaXB0aW9uPlxuICAgICAgICA8UmlnaHRSb3c+XG4gICAgICAgICAge3RhZ3MgJiYgQ29tcHJlc3NUYWdzTGVuZ3RoKHRhZ3MpfVxuICAgICAgICAgIHthY3Rpb25NZW51fVxuICAgICAgICA8L1JpZ2h0Um93PlxuICAgICAgPC9CbG9ja0luZm9XcmFwcGVyPlxuICAgIDwvQmxvY2tFbGVtZW50V3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEJsb2NrUmVzb3VyY2U7XG4iXX0= */"));
+var ImageWrapper = (0, _styledBase["default"])("div", {
+  target: "e1jv62fp4",
+  label: "ImageWrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "fzcd0u",
+  styles: "display:flex;width:100%;overflow:hidden;align-items:center;div{min-width:100%;}img{min-width:100%;}"
+} : {
+  name: "fzcd0u",
+  styles: "display:flex;width:100%;overflow:hidden;align-items:center;div{min-width:100%;}img{min-width:100%;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJsb2NrUmVzb3VyY2UudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtFK0IiLCJmaWxlIjoiQmxvY2tSZXNvdXJjZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IHsgY29sb3JzLCBmb250cywgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IEltYWdlIGZyb20gJy4uL0ltYWdlJztcbmltcG9ydCB7IENvbXByZXNzVGFnc0xlbmd0aCwgUmVzb3VyY2VJbWFnZVByb3BzLCBSZXNvdXJjZVRpdGxlLCBSb3csIFRvcGljTGlzdCB9IGZyb20gJy4vcmVzb3VyY2VDb21wb25lbnRzJztcblxuaW50ZXJmYWNlIEJsb2NrUmVzb3VyY2VQcm9wcyB7XG4gIGxpbms6IHN0cmluZztcbiAgdGl0bGU6IHN0cmluZztcbiAgcmVzb3VyY2VJbWFnZTogUmVzb3VyY2VJbWFnZVByb3BzO1xuICB0b3BpY3M6IHN0cmluZ1tdO1xuICB0YWdzPzogc3RyaW5nW107XG4gIGRlc2NyaXB0aW9uPzogc3RyaW5nO1xuICBhY3Rpb25NZW51PzogUmVhY3ROb2RlO1xufVxuXG5jb25zdCBCbG9ja0VsZW1lbnRXcmFwcGVyID0gc3R5bGVkKFNhZmVMaW5rKWBcbiAgZGlzcGxheTogZmxleDtcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICBib3gtc2hhZG93OiBub25lO1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBtYXgtd2lkdGg6IDMwMHB4O1xuICBtYXgtaGVpZ2h0OiAyNDBweDtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHR9O1xuICBib3JkZXItcmFkaXVzOiAycHg7XG4gIGNvbG9yOiAke2NvbG9ycy5icmFuZC5ncmV5RGFya307XG5gO1xuXG5jb25zdCBCbG9ja0Rlc2NyaXB0aW9uID0gc3R5bGVkLnBgXG4gIGRpc3BsYXk6IC13ZWJraXQtYm94O1xuICBsaW5lLWNsYW1wOiAyO1xuICAke2ZvbnRzLnNpemVzKDE2KX07XG4gIGhlaWdodDogMGVtO1xuICBtYXJnaW46IDA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICB0cmFuc2l0aW9uOiBoZWlnaHQgMC4ycyBlYXNlLW91dDtcbiAgJHsoKSA9PiBCbG9ja0VsZW1lbnRXcmFwcGVyfTpob3ZlciAmIHtcbiAgICAvLyBVbmZvcnR1bmF0ZSBjc3MgbmVlZGVkIGZvciBtdWx0aS1saW5lIHRleHQgb3ZlcmZsb3cgZWxsaXBzaXMuXG4gICAgaGVpZ2h0OiAzLjFlbTtcbiAgICAtd2Via2l0LWxpbmUtY2xhbXA6IDI7XG4gICAgbGluZS1jbGFtcDogMjtcbiAgICAtd2Via2l0LWJveC1vcmllbnQ6IHZlcnRpY2FsO1xuICB9XG5gO1xuXG5jb25zdCBSaWdodFJvdyA9IHN0eWxlZChSb3cpYFxuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuYDtcblxuY29uc3QgQmxvY2tJbmZvV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH07XG4gIGdhcDogJHtzcGFjaW5nLnh4c21hbGx9O1xuYDtcblxuY29uc3QgSW1hZ2VXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgd2lkdGg6IDEwMCU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGRpdiB7XG4gICAgbWluLXdpZHRoOiAxMDAlO1xuICB9XG4gIGltZyB7XG4gICAgbWluLXdpZHRoOiAxMDAlO1xuICB9XG5gO1xuXG5jb25zdCBCbG9ja1Jlc291cmNlID0gKHsgbGluaywgdGl0bGUsIHRhZ3MsIHJlc291cmNlSW1hZ2UsIHRvcGljcywgZGVzY3JpcHRpb24sIGFjdGlvbk1lbnUgfTogQmxvY2tSZXNvdXJjZVByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEJsb2NrRWxlbWVudFdyYXBwZXIgdG89e2xpbmt9PlxuICAgICAgPEltYWdlV3JhcHBlcj5cbiAgICAgICAgPEltYWdlIGFsdD17cmVzb3VyY2VJbWFnZS5hbHR9IHNyYz17cmVzb3VyY2VJbWFnZS5zcmN9IC8+XG4gICAgICA8L0ltYWdlV3JhcHBlcj5cbiAgICAgIDxCbG9ja0luZm9XcmFwcGVyPlxuICAgICAgICA8ZGl2PlxuICAgICAgICAgIDxSZXNvdXJjZVRpdGxlPnt0aXRsZX08L1Jlc291cmNlVGl0bGU+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8VG9waWNMaXN0IHRvcGljcz17dG9waWNzfSAvPlxuICAgICAgICA8QmxvY2tEZXNjcmlwdGlvbj57ZGVzY3JpcHRpb259PC9CbG9ja0Rlc2NyaXB0aW9uPlxuICAgICAgICA8UmlnaHRSb3c+XG4gICAgICAgICAge3RhZ3MgJiYgQ29tcHJlc3NUYWdzTGVuZ3RoKHRhZ3MpfVxuICAgICAgICAgIHthY3Rpb25NZW51fVxuICAgICAgICA8L1JpZ2h0Um93PlxuICAgICAgPC9CbG9ja0luZm9XcmFwcGVyPlxuICAgIDwvQmxvY2tFbGVtZW50V3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEJsb2NrUmVzb3VyY2U7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+
+var BlockResource = function BlockResource(_ref) {
+  var link = _ref.link,
+      title = _ref.title,
+      tags = _ref.tags,
+      resourceImage = _ref.resourceImage,
+      topics = _ref.topics,
+      description = _ref.description,
+      actionMenu = _ref.actionMenu;
+  return (0, _core2.jsx)(BlockElementWrapper, {
+    to: link
+  }, (0, _core2.jsx)(ImageWrapper, null, (0, _core2.jsx)(_Image["default"], {
+    alt: resourceImage.alt,
+    src: resourceImage.src
+  })), (0, _core2.jsx)(BlockInfoWrapper, null, (0, _core2.jsx)("div", null, (0, _core2.jsx)(_resourceComponents.ResourceTitle, null, title)), (0, _core2.jsx)(_resourceComponents.TopicList, {
+    topics: topics
+  }), (0, _core2.jsx)(BlockDescription, null, description), (0, _core2.jsx)(RightRow, null, tags && (0, _resourceComponents.CompressTagsLength)(tags), actionMenu)));
+};
+
+var _default = BlockResource;
+exports["default"] = _default;

package/lib/Resource/ListResource.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';
+export interface ListResourceProps {
+    link: string;
+    title: string;
+    resourceImage: ResourceImageProps;
+    topics: string[];
+    tags?: string[];
+    description?: string;
+    actionMenu?: ReactNode;
+}
+declare const ListResource: ({ link, title, tags, resourceImage, topics, description, actionMenu }: ListResourceProps) => JSX.Element;
+export default ListResource;