gwchq-textjam 0.5.14 → 0.5.16

package/dist/index.js

@@ -12550,644 +12550,6 @@ const SvgWavFile = props => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.crea
 
 /***/ }),
 
-/***/ 56058:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(51649);
-var _path, _path2, _path3, _path4, _path5, _path6, _path7, _path8, _path9, _path0, _path1, _path10, _path11, _path12, _path13, _path14, _path15, _path16, _path17, _path18, _path19, _path20, _path21, _path22, _path23, _path24, _path25, _path26, _path27, _path28, _path29, _path30, _path31, _path32, _path33, _path34, _path35, _path36, _path37, _path38, _path39, _path40, _path41, _path42, _path43, _path44, _path45, _path46, _path47, _path48, _path49, _path50, _path51, _path52, _path53, _path54, _path55, _path56, _path57, _path58, _path59, _path60, _path61, _path62, _path63, _path64, _path65, _path66, _path67, _path68, _path69, _path70, _path71, _path72, _path73, _path74, _path75, _path76, _path77, _path78, _path79, _path80, _path81, _path82, _path83, _path84, _path85, _path86, _path87, _path88, _path89, _path90, _path91, _path92, _path93, _path94, _path95, _path96, _path97, _path98, _path99, _path100, _path101, _path102, _path103, _path104, _path105, _path106, _path107, _path108, _path109, _path110, _path111, _path112, _path113, _path114, _path115, _path116, _path117, _path118, _path119, _path120, _path121, _path122, _path123, _path124, _path125, _path126, _path127, _path128, _path129, _path130, _path131, _path132, _path133, _path134, _path135, _path136, _path137, _path138, _path139;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-const SvgNoProject = props => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({
-  xmlns: "http://www.w3.org/2000/svg",
-  width: 276,
-  height: 147,
-  fill: "none"
-}, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#D7E7E3",
-  d: "M271.242 36.052V9.492l-4.758-4.747H9.528L4.77 9.492v26.56z"
-})), _path2 || (_path2 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M271.241 4.75v4.745h-4.757V4.75z",
-  clipRule: "evenodd"
-})), _path3 || (_path3 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M275.996 9.494v4.746h-4.76V9.494z",
-  clipRule: "evenodd"
-})), _path4 || (_path4 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M275.996 14.237v4.746h-4.76v-4.746z",
-  clipRule: "evenodd"
-})), _path5 || (_path5 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M275.996 18.98v4.746h-4.76V18.98zM275.996 23.732v4.746h-4.76v-4.746zM275.996 28.492v4.746h-4.76v-4.746z",
-  clipRule: "evenodd"
-})), _path6 || (_path6 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M275.996 33.226v4.746h-4.76v-4.746zM275.996 37.978v4.746h-4.76v-4.746zM275.996 109.187v4.746h-4.76v-4.746z",
-  clipRule: "evenodd"
-})), _path7 || (_path7 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M276.003 113.93v13.852h-4.761V113.93zM4.757 109.187v4.746H0v-4.746z",
-  clipRule: "evenodd"
-})), _path8 || (_path8 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M4.758 113.93v13.852H0V113.93zM4.757 42.721v4.746H0v-4.746z",
-  clipRule: "evenodd"
-})), _path9 || (_path9 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M4.757 47.464v4.746H0v-4.746zM4.757 52.225v4.746H0v-4.746z",
-  clipRule: "evenodd"
-})), _path0 || (_path0 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  d: "M4.757 56.968H0v4.746h4.757z"
-})), _path1 || (_path1 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M4.757 61.712v4.746H0v-4.746z",
-  clipRule: "evenodd"
-})), _path10 || (_path10 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M4.757 66.447v4.746H0v-4.746zM4.757 71.199v4.748H0V71.2zM4.757 75.96v4.745H0V75.96z",
-  clipRule: "evenodd"
-})), _path11 || (_path11 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M4.757 80.703v4.746H0v-4.746z",
-  clipRule: "evenodd"
-})), _path12 || (_path12 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M4.757 85.446v4.746H0v-4.746z",
-  clipRule: "evenodd"
-})), _path13 || (_path13 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M4.757 90.189v4.746H0v-4.746zM4.757 94.949v4.746H0v-4.746zM4.757 99.7v4.747H0v-4.746z",
-  clipRule: "evenodd"
-})), _path14 || (_path14 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M4.757 104.435v4.746H0v-4.746zM4.757 37.978v4.746H0v-4.746zM4.757 33.226v4.746H0v-4.746z",
-  clipRule: "evenodd"
-})), _path15 || (_path15 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M4.757 28.492v4.746H0v-4.746zM4.757 23.732v4.746H0v-4.746zM4.757 18.98v4.746H0V18.98z",
-  clipRule: "evenodd"
-})), _path16 || (_path16 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M4.757 14.237v4.746H0v-4.746z",
-  clipRule: "evenodd"
-})), _path17 || (_path17 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M4.757 9.494v4.746H0V9.494zM9.527 4.75v4.745H4.77V4.75zM19.042 0v4.746h-4.757V0zM23.802 0v4.746h-4.757V0zM28.562 0v4.746h-4.757V0z",
-  clipRule: "evenodd"
-})), _path18 || (_path18 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M33.314 0v4.746h-4.757V0zM38.083 0v4.746h-4.757V0z",
-  clipRule: "evenodd"
-})), _path19 || (_path19 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M42.835 0v4.746h-4.757V0z",
-  clipRule: "evenodd"
-})), _path20 || (_path20 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M47.58 0v4.746h-4.758V0zM52.339 0v4.746h-4.757V0zM57.118 0v4.746h-4.757V0z",
-  clipRule: "evenodd"
-})), _path21 || (_path21 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M61.87 0v4.746h-4.757V0zM66.63 0v4.746h-4.757V0z",
-  clipRule: "evenodd"
-})), _path22 || (_path22 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M71.382 0v4.746h-4.757V0zM76.152 0v4.746h-4.758V0z",
-  clipRule: "evenodd"
-})), _path23 || (_path23 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M80.889 0v4.746h-4.76V0zM85.665 0v4.746h-4.757V0z",
-  clipRule: "evenodd"
-})), _path24 || (_path24 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M90.415 0v4.746h-4.757V0z",
-  clipRule: "evenodd"
-})), _path25 || (_path25 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M95.167 0v4.746H90.41V0zM99.937 0v4.746H95.18V0z",
-  clipRule: "evenodd"
-})), _path26 || (_path26 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M104.681 0v4.746h-4.757V0zM109.45 0v4.746h-4.757V0z",
-  clipRule: "evenodd"
-})), _path27 || (_path27 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M114.202 0v4.746h-4.757V0zM118.972 0v4.746h-4.757V0z",
-  clipRule: "evenodd"
-})), _path28 || (_path28 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M123.724 0v4.746h-4.757V0zM128.484 0v4.746h-4.757V0z",
-  clipRule: "evenodd"
-})), _path29 || (_path29 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M133.236 0v4.746h-4.757V0zM138.005 0v4.746h-4.757V0z",
-  clipRule: "evenodd"
-})), _path30 || (_path30 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M142.749 0v4.746h-4.757V0zM147.519 0v4.746h-4.757V0z",
-  clipRule: "evenodd"
-})), _path31 || (_path31 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M152.271 0v4.746h-4.757V0zM157.038 0v4.746h-4.757V0zM161.8 0v4.746h-4.757V0zM166.562 0v4.746h-4.757V0zM171.321 0v4.746h-4.757V0zM176.081 0v4.746h-4.757V0z",
-  clipRule: "evenodd"
-})), _path32 || (_path32 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M180.825 0v4.746h-4.757V0zM185.595 0v4.746h-4.757V0zM190.355 0v4.746h-4.757V0z",
-  clipRule: "evenodd"
-})), _path33 || (_path33 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M195.107 0v4.746h-4.757V0z",
-  clipRule: "evenodd"
-})), _path34 || (_path34 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M199.859 0v4.746h-4.757V0z",
-  clipRule: "evenodd"
-})), _path35 || (_path35 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  d: "M204.628 0h-4.757v4.746h4.757z"
-})), _path36 || (_path36 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M209.38 0v4.746h-4.757V0zM214.15 0v4.746h-4.757V0z",
-  clipRule: "evenodd"
-})), _path37 || (_path37 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M218.894 0v4.746h-4.757V0zM223.663 0v4.746h-4.757V0z",
-  clipRule: "evenodd"
-})), _path38 || (_path38 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M228.415 0v4.746h-4.757V0zM233.175 0v4.746h-4.757V0zM237.945 0v4.746h-4.757V0z",
-  clipRule: "evenodd"
-})), _path39 || (_path39 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M242.687 0v4.746h-4.757V0zM247.458 0v4.746h-4.757V0z",
-  clipRule: "evenodd"
-})), _path40 || (_path40 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M252.21 0v4.746h-4.757V0zM256.978 0v4.746h-4.757V0z",
-  clipRule: "evenodd"
-})), _path41 || (_path41 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M261.722 0v4.746h-4.757V0z",
-  clipRule: "evenodd"
-})), _path42 || (_path42 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  d: "M266.499 0h-4.757v4.746h4.757z"
-})), _path43 || (_path43 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M14.28 0v4.746H9.523V0zM19.042 33.226v4.746h-4.757v-4.746z",
-  clipRule: "evenodd"
-})), _path44 || (_path44 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M23.794 33.226v4.746h-4.757v-4.746zM28.562 33.226v4.746h-4.757v-4.746z",
-  clipRule: "evenodd"
-})), _path45 || (_path45 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M33.314 33.226v4.746h-4.757v-4.746z",
-  clipRule: "evenodd"
-})), _path46 || (_path46 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M38.066 33.226v4.746h-4.757v-4.746zM42.835 33.226v4.746h-4.757v-4.746z",
-  clipRule: "evenodd"
-})), _path47 || (_path47 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M47.58 33.226v4.746h-4.758v-4.746zM52.339 33.226v4.746h-4.757v-4.746zM57.118 33.226v4.746h-4.757v-4.746z",
-  clipRule: "evenodd"
-})), _path48 || (_path48 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M61.853 33.226v4.746h-4.757v-4.746zM66.63 33.226v4.746h-4.757v-4.746z",
-  clipRule: "evenodd"
-})), _path49 || (_path49 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M71.382 33.226v4.746h-4.757v-4.746zM76.144 33.226v4.746h-4.757v-4.746z",
-  clipRule: "evenodd"
-})), _path50 || (_path50 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M80.889 33.226v4.746h-4.76v-4.746zM85.665 33.226v4.746h-4.757v-4.746z",
-  clipRule: "evenodd"
-})), _path51 || (_path51 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M90.415 33.226v4.746h-4.757v-4.746z",
-  clipRule: "evenodd"
-})), _path52 || (_path52 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M95.167 33.226v4.746H90.41v-4.746zM99.937 33.226v4.746H95.18v-4.746z",
-  clipRule: "evenodd"
-})), _path53 || (_path53 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M104.681 33.226v4.746h-4.757v-4.746zM109.45 33.226v4.746h-4.757v-4.746z",
-  clipRule: "evenodd"
-})), _path54 || (_path54 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M114.202 33.226v4.746h-4.757v-4.746zM118.972 33.226v4.746h-4.757v-4.746z",
-  clipRule: "evenodd"
-})), _path55 || (_path55 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M123.724 33.226v4.746h-4.757v-4.746zM128.484 33.226v4.746h-4.757v-4.746z",
-  clipRule: "evenodd"
-})), _path56 || (_path56 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M133.236 33.226v4.746h-4.757v-4.746zM138.005 33.226v4.746h-4.757v-4.746z",
-  clipRule: "evenodd"
-})), _path57 || (_path57 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M142.739 33.226v4.746h-4.757v-4.746zM147.519 33.226v4.746h-4.757v-4.746z",
-  clipRule: "evenodd"
-})), _path58 || (_path58 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M152.271 33.226v4.746h-4.757v-4.746zM157.038 33.226v4.746h-4.757v-4.746zM161.8 33.226v4.746h-4.757v-4.746zM166.562 33.226v4.746h-4.757v-4.746zM171.321 33.226v4.746h-4.757v-4.746zM176.081 33.226v4.746h-4.757v-4.746z",
-  clipRule: "evenodd"
-})), _path59 || (_path59 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M180.825 33.226v4.746h-4.757v-4.746zM185.595 33.226v4.746h-4.757v-4.746zM190.355 33.226v4.746h-4.757v-4.746z",
-  clipRule: "evenodd"
-})), _path60 || (_path60 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M195.099 33.226v4.746h-4.757v-4.746zM199.859 33.226v4.746h-4.757v-4.746z",
-  clipRule: "evenodd"
-})), _path61 || (_path61 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  d: "M204.628 33.226h-4.757v4.746h4.757z"
-})), _path62 || (_path62 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M209.38 33.226v4.746h-4.757v-4.746zM214.142 33.226v4.746h-4.757v-4.746z",
-  clipRule: "evenodd"
-})), _path63 || (_path63 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M218.894 33.226v4.746h-4.757v-4.746zM223.663 33.226v4.746h-4.757v-4.746z",
-  clipRule: "evenodd"
-})), _path64 || (_path64 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M228.415 33.226v4.746h-4.757v-4.746zM233.175 33.226v4.746h-4.757v-4.746zM237.945 33.226v4.746h-4.757v-4.746z",
-  clipRule: "evenodd"
-})), _path65 || (_path65 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M242.687 33.226v4.746h-4.757v-4.746zM247.458 33.226v4.746h-4.757v-4.746z",
-  clipRule: "evenodd"
-})), _path66 || (_path66 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M252.2 33.226v4.746h-4.757v-4.746zM256.978 33.226v4.746h-4.757v-4.746z",
-  clipRule: "evenodd"
-})), _path67 || (_path67 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M261.722 33.226v4.746h-4.757v-4.746z",
-  clipRule: "evenodd"
-})), _path68 || (_path68 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  d: "M266.499 33.226h-4.757v4.746h4.757z"
-})), _path69 || (_path69 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M271.243 33.226v4.746h-4.757v-4.746zM14.28 33.226v4.746H9.523v-4.746z",
-  clipRule: "evenodd"
-})), _path70 || (_path70 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M9.528 33.226v4.746H4.771v-4.746zM275.996 127.777v4.746h-4.76v-4.746zM275.996 132.537v4.746h-4.76v-4.746zM4.757 132.52v4.749H0v-4.749z",
-  clipRule: "evenodd"
-})), _path71 || (_path71 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M4.757 127.777v4.746H0v-4.746zM9.527 137.28v4.746H4.77v-4.746z",
-  clipRule: "evenodd"
-})), _path72 || (_path72 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M14.279 142.015v4.746H9.52v-4.746z",
-  clipRule: "evenodd"
-})), _path73 || (_path73 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  d: "M271.241 137.28h-4.757v4.746h4.757z"
-})), _path74 || (_path74 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M266.497 142.015v4.746h-4.757v-4.746zM261.72 142.015v4.746h-4.757v-4.746z",
-  clipRule: "evenodd"
-})), _path75 || (_path75 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M256.976 142.015v4.746h-4.757v-4.746z",
-  clipRule: "evenodd"
-})), _path76 || (_path76 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  d: "M252.198 142.015h-4.757v4.746h4.757z"
-})), _path77 || (_path77 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M247.439 142.015v4.746h-4.757v-4.746z",
-  clipRule: "evenodd"
-})), _path78 || (_path78 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M242.685 142.015v4.746h-4.757v-4.746zM237.925 142.015v4.746h-4.757v-4.746z",
-  clipRule: "evenodd"
-})), _path79 || (_path79 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M233.173 142.015v4.746h-4.757v-4.746zM228.403 142.015v4.746h-4.757v-4.746zM223.644 142.015v4.746h-4.757v-4.746zM218.882 142.015v4.746h-4.757v-4.746z",
-  clipRule: "evenodd"
-})), _path80 || (_path80 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  d: "M214.14 142.015h-4.757v4.746h4.757z"
-})), _path81 || (_path81 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M209.37 142.015v4.746h-4.757v-4.746z",
-  clipRule: "evenodd"
-})), _path82 || (_path82 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M204.618 142.015v4.746h-4.757v-4.746zM199.849 142.015v4.746h-4.757v-4.746z",
-  clipRule: "evenodd"
-})), _path83 || (_path83 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M195.097 142.015v4.746h-4.757v-4.746zM190.337 142.015v4.746h-4.757v-4.746z",
-  clipRule: "evenodd"
-})), _path84 || (_path84 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M185.583 142.015v4.746h-4.757v-4.746zM180.814 142.015v4.746h-4.757v-4.746z",
-  clipRule: "evenodd"
-})), _path85 || (_path85 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M176.062 142.015v4.746h-4.757v-4.746zM171.302 142.015v4.746h-4.757v-4.746zM166.542 142.015v4.746h-4.757v-4.746zM161.78 142.015v4.746h-4.757v-4.746zM57.089 142.015v4.746h-4.757v-4.746zM61.85 142.015v4.746h-4.756v-4.746z",
-  clipRule: "evenodd"
-})), _path86 || (_path86 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M66.603 142.015v4.746h-4.757v-4.746zM71.37 142.015v4.746h-4.757v-4.746zM76.142 142.015v4.746h-4.757v-4.746z",
-  clipRule: "evenodd"
-})), _path87 || (_path87 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M80.866 142.015v4.746H76.11v-4.746zM85.646 142.015v4.746h-4.757v-4.746z",
-  clipRule: "evenodd"
-})), _path88 || (_path88 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M90.38 142.015v4.746h-4.757v-4.746zM95.157 142.015v4.746H90.4v-4.746zM99.917 142.015v4.746H95.16v-4.746zM104.679 142.015v4.746h-4.757v-4.746z",
-  clipRule: "evenodd"
-})), _path89 || (_path89 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M109.431 142.015v4.746h-4.757v-4.746zM114.2 142.015v4.746h-4.757v-4.746zM118.96 142.015v4.746h-4.757v-4.746zM123.722 142.015v4.746h-4.757v-4.746z",
-  clipRule: "evenodd"
-})), _path90 || (_path90 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M128.474 142.015v4.746h-4.757v-4.746zM133.234 142.015v4.746h-4.757v-4.746zM137.995 142.015v4.746h-4.757v-4.746z",
-  clipRule: "evenodd"
-})), _path91 || (_path91 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M142.737 142.015v4.746h-4.757v-4.746zM147.507 142.015v4.746h-4.757v-4.746z",
-  clipRule: "evenodd"
-})), _path92 || (_path92 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M152.262 142.015v4.746h-4.76v-4.746zM157.036 142.015v4.746h-4.757v-4.746zM52.33 142.015v4.746h-4.758v-4.746zM47.568 142.015v4.746H42.81v-4.746z",
-  clipRule: "evenodd"
-})), _path93 || (_path93 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  d: "M42.825 142.015h-4.757v4.746h4.757z"
-})), _path94 || (_path94 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M38.056 142.015v4.746h-4.757v-4.746zM33.294 142.015v4.746h-4.757v-4.746zM28.534 142.015v4.746h-4.757v-4.746z",
-  clipRule: "evenodd"
-})), _path95 || (_path95 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M23.782 142.015v4.746h-4.757v-4.746z",
-  clipRule: "evenodd"
-})), _path96 || (_path96 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M19.567 142.015v4.747h-5.862v-4.747zM275.996 42.721v4.746h-4.76v-4.746z",
-  clipRule: "evenodd"
-})), _path97 || (_path97 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M275.996 47.464v4.746h-4.76v-4.746z",
-  clipRule: "evenodd"
-})), _path98 || (_path98 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  d: "M275.996 52.234h-4.76v4.746h4.76z"
-})), _path99 || (_path99 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M275.996 56.968v4.746h-4.76v-4.746z",
-  clipRule: "evenodd"
-})), _path100 || (_path100 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M275.996 61.712v4.746h-4.76v-4.746z",
-  clipRule: "evenodd"
-})), _path101 || (_path101 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M275.996 66.456V71.2h-4.76v-4.745z",
-  clipRule: "evenodd"
-})), _path102 || (_path102 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M275.996 71.199v4.746h-4.76v-4.746zM275.996 75.968v4.746h-4.76v-4.746z",
-  clipRule: "evenodd"
-})), _path103 || (_path103 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M275.996 80.703v4.746h-4.76v-4.746z",
-  clipRule: "evenodd"
-})), _path104 || (_path104 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M275.996 85.446v4.746h-4.76v-4.746zM275.996 90.197v4.746h-4.76v-4.746zM275.996 94.949v4.746h-4.76v-4.746zM275.996 99.7v4.747h-4.76v-4.746z",
-  clipRule: "evenodd"
-})), _path105 || (_path105 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M275.996 104.444v4.746h-4.76v-4.746zM258.405 17.477v4.746h-4.757v-4.746zM253.636 22.22v4.747h-4.757V22.22z",
-  clipRule: "evenodd"
-})), _path106 || (_path106 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  fillRule: "evenodd",
-  d: "M263.157 22.22v4.747H258.4V22.22z",
-  clipRule: "evenodd"
-})), _path107 || (_path107 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  d: "M253.636 12.733h-4.757v4.746h4.757zM263.157 12.733H258.4v4.746h4.757z"
-})), _path108 || (_path108 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#D7E7E3",
-  d: "M98 55.985h84v62H98z"
-})), _path109 || (_path109 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  d: "M96.195 96.138h4.196v-4.196h-4.196zM96.195 91.94h4.196v-4.195h-4.196z"
-})), _path110 || (_path110 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  d: "M96.195 87.746h4.196V83.55h-4.196zM96.195 108.724h4.196v-4.196h-4.196z"
-})), _path111 || (_path111 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  d: "M96.195 104.529h4.196v-4.196h-4.196zM96.195 100.333h4.196v-4.195h-4.196zM96.195 121.312h4.196v-4.196h-4.196zM96.195 117.115h4.196v-4.196h-4.196zM96.195 112.919h4.196v-4.195h-4.196zM96.195 83.55h4.196v-4.195h-4.196z"
-})), _path112 || (_path112 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  d: "M96.195 79.355h4.196v-4.196h-4.196z"
-})), _path113 || (_path113 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  d: "M96.195 75.16h4.196v-4.196h-4.196zM96.195 70.964h4.196V66.77h-4.196zM96.195 66.767h4.196V62.57h-4.196z"
-})), _path114 || (_path114 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  d: "M96.195 62.572h4.196v-4.196h-4.196zM100.391 62.572h4.195v-4.196h-4.195zM180.109 96.138h4.196v-4.196h-4.196zM180.109 91.94h4.196v-4.195h-4.196z"
-})), _path115 || (_path115 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  d: "M180.109 87.746h4.196V83.55h-4.196zM180.109 108.724h4.196v-4.196h-4.196z"
-})), _path116 || (_path116 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  d: "M180.109 104.529h4.196v-4.196h-4.196zM180.109 100.333h4.196v-4.195h-4.196zM180.109 117.115h4.196v-4.196h-4.196zM180.109 112.919h4.196v-4.195h-4.196zM180.109 83.55h4.196v-4.195h-4.196z"
-})), _path117 || (_path117 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  d: "M180.109 79.355h4.196v-4.196h-4.196z"
-})), _path118 || (_path118 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  d: "M180.109 75.16h4.196v-4.196h-4.196zM180.109 70.964h4.196V66.77h-4.196zM180.109 66.767h4.196V62.57h-4.196z"
-})), _path119 || (_path119 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  d: "M180.109 62.572h4.196v-4.196h-4.196zM138.153 121.312v-4.196h-4.196v4.196zM133.957 121.312v-4.196h-4.195v4.196zM129.76 121.312v-4.196h-4.196v4.196z"
-})), _path120 || (_path120 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  d: "M142.348 121.312v-4.196h-4.196v4.196zM125.565 121.312v-4.196h-4.196v4.196zM121.369 121.312v-4.196h-4.195v4.196zM163.327 121.312v-4.196h-4.196v4.196zM159.131 121.312v-4.196h-4.195v4.196zM154.934 121.312v-4.196h-4.196v4.196z"
-})), _path121 || (_path121 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  d: "M167.522 121.312v-4.196h-4.196v4.196zM180.108 121.312v-4.196h-4.196v4.196zM175.912 121.312v-4.196h-4.195v4.196z"
-})), _path122 || (_path122 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  d: "M171.717 121.312v-4.196h-4.196v4.196zM184.305 121.312v-4.196h-4.196v4.196zM188.5 121.312v-4.196h-4.195v4.196zM180.108 117.115v-4.196h-4.196v4.196zM188.5 117.115v-4.196h-4.195v4.196zM180.108 125.507v-4.195h-4.196v4.195zM184.305 125.507v-4.195h-4.196v4.195zM188.5 125.507v-4.195h-4.195v4.195zM150.739 121.312v-4.196h-4.196v4.196zM146.543 121.312v-4.196h-4.195v4.196zM117.174 121.312v-4.196h-4.195v4.196zM112.979 121.312v-4.196h-4.196v4.196z"
-})), _path123 || (_path123 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  d: "M108.784 121.312v-4.196h-4.196v4.196zM104.586 121.312v-4.196h-4.195v4.196zM96.195 58.376h4.196v-4.195h-4.196zM92 62.572h4.196v-4.196H92z"
-})), _path124 || (_path124 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  d: "M92 58.376h4.196v-4.195H92zM138.153 58.376v-4.195h-4.196v4.195zM133.957 58.376v-4.195h-4.195v4.195zM129.76 58.376v-4.195h-4.196v4.195z"
-})), _path125 || (_path125 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  d: "M142.348 58.376v-4.195h-4.196v4.195zM125.565 58.376v-4.195h-4.196v4.195zM121.369 58.376v-4.195h-4.195v4.195zM163.327 58.376v-4.195h-4.196v4.195zM159.131 58.376v-4.195h-4.195v4.195zM154.934 58.376v-4.195h-4.196v4.195z"
-})), _path126 || (_path126 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  d: "M167.522 58.376v-4.195h-4.196v4.195zM180.108 58.376v-4.195h-4.196v4.195zM175.912 58.376v-4.195h-4.195v4.195z"
-})), _path127 || (_path127 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  d: "M171.717 58.376v-4.195h-4.196v4.195zM184.305 58.376v-4.195h-4.196v4.195zM150.739 58.376v-4.195h-4.196v4.195zM146.543 58.376v-4.195h-4.195v4.195zM117.174 58.376v-4.195h-4.195v4.195zM112.979 58.376v-4.195h-4.196v4.195z"
-})), _path128 || (_path128 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  d: "M108.784 58.376v-4.195h-4.196v4.195zM104.586 58.376v-4.195h-4.195v4.195zM96.195 54.181h4.196v-4.196h-4.196z"
-})), _path129 || (_path129 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  d: "M92 54.181h4.196v-4.196H92zM104.586 54.181v-4.196h-4.195v4.196zM151.194 93.125v3.967h-3.967v-3.968zM155.161 97.092v3.967h-3.968v-3.967zM159.12 101.059v3.959h-3.96v-3.959zM163.086 105.018v3.967h-3.967v-3.967z"
-})), _path130 || (_path130 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  d: "M151.194 97.09v3.968h-3.967v-3.967zM155.161 101.059v3.959h-3.968v-3.959zM159.12 105.018v3.967h-3.96v-3.967zM124.787 82.1v3.779H121v-3.78z"
-})), _path131 || (_path131 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  d: "M124.787 85.874v3.78H121v-3.78zM124.787 78.322v3.772H121v-3.772z"
-})), _path132 || (_path132 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  d: "M128.559 74.545v3.78h-3.772v-3.78zM132.329 70.762v3.78h-3.772v-3.78zM139.885 66.986v3.78h-3.772v-3.78zM143.671 66.986v3.78h-3.786v-3.78z"
-})), _path133 || (_path133 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  d: "M136.113 66.986v3.78h-3.787v-3.78zM147.444 70.762v3.78h-3.772v-3.78zM151.215 74.545v3.78h-3.772v-3.78zM151.215 89.657v3.78h-3.772v-3.78z"
-})), _path134 || (_path134 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  d: "M147.444 93.434v3.779h-3.772v-3.78zM139.885 97.214v3.772h-3.772v-3.772zM136.113 97.214v3.772h-3.787v-3.772zM143.671 97.214v3.772h-3.786v-3.772zM132.329 93.434v3.779h-3.772v-3.78z"
-})), _path135 || (_path135 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  d: "M128.559 89.657v3.78h-3.772v-3.78zM155.004 82.101v3.78h-3.787V82.1z"
-})), _path136 || (_path136 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  d: "M155.004 85.878v3.78h-3.787v-3.78z"
-})), _path137 || (_path137 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#E5F6F1",
-  d: "M151.221 78.325v11.331h-3.772v3.78h-3.772v3.78h-11.338v-3.78h-3.78v-3.78h-3.772v-11.33h3.772v-3.78h3.78v-3.78h11.338v3.78h3.772v3.78z"
-})), _path138 || (_path138 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  d: "M155.004 78.322v3.772h-3.787v-3.772zM136.116 78.321v3.772h-3.772v-3.772zM139.887 82.098v3.78h-3.772v-3.78z"
-})), _path139 || (_path139 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  fill: "#33625E",
-  d: "M136.116 85.873v3.772h-3.772v-3.772zM143.668 78.321v3.772h-3.779v-3.772zM143.668 85.873v3.772h-3.779v-3.772z"
-})));
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SvgNoProject);
-
-/***/ }),
-
 /***/ 82281:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -62999,18 +62361,6 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ 59129:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-// extracted by mini-css-extract-plugin
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"grey-rpi-grey-15":"#d5d7dc","grey-rpi-grey-40":"#9497a4","grey-rpi-grey-5":"#f1f2f3","grey-rpi-grey-70":"#4a4d59","grey-rpf-white":"#fff","container":"styles-module__container--9uU-+","title":"styles-module__title--urAGl","description":"styles-module__description--sbvSV","backButton":"styles-module__backButton--cHk5z","noProjectIcon":"styles-module__noProjectIcon--9Wb6s"});
-
-/***/ }),
-
 /***/ 10866:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -78301,13 +77651,12 @@ const dnd_1 = __webpack_require__(44754);
 const react_1 = __webpack_require__(13327);
 const react_responsive_1 = __webpack_require__(17988);
 const react_tabs_1 = __webpack_require__(60627);
-const Button_1 = __importDefault(__webpack_require__(79428));
 const DraggableTab_1 = __importDefault(__webpack_require__(74215));
 const DroppableTabList_1 = __importDefault(__webpack_require__(48339));
+const TabCloseButton_1 = __importDefault(__webpack_require__(79617));
 const EditorPanel_1 = __importDefault(__webpack_require__(82467));
 const FileIcon_1 = __importDefault(__webpack_require__(94028));
 const Tooltip_1 = __importDefault(__webpack_require__(26982));
-const CloseIcon_1 = __importDefault(__webpack_require__(61193));
 const mediaQueryBreakpoints_1 = __webpack_require__(22554);
 const RunnerControls_1 = __importDefault(__webpack_require__(60881));
 const ScrollableTabBar_1 = __importDefault(__webpack_require__(32272));
@@ -78361,11 +77710,9 @@ const EditorInput = () => {
     if (!project || !project.components) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsxs)(dnd_1.DragDropContext, { onDragStart: (input) => onDragStart(input), onDragEnd: (result) => onDragEnd(result), children: [(0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.tabbedPanel, children: (0, jsx_runtime_1.jsxs)(react_tabs_1.Tabs, { selectedIndex: fileTabFocusIndex, onSelect: selectFileTab, children: [(0, jsx_runtime_1.jsx)(ScrollableTabBar_1.default, { tabsKey: openedFiles.map((file) => file.id).join(","), overlayContent: isMobile ? (0, jsx_runtime_1.jsx)(RunnerControls_1.default, {}) : null, showNavigationControls: !isMobile, children: (0, jsx_runtime_1.jsx)(DroppableTabList_1.default, { index: 0, children: openedFiles.map((file, fileIndex) => ((0, jsx_runtime_1.jsxs)(DraggableTab_1.default, { draggableId: `file-${file.id}`, fileIndex: fileIndex, onTabClick: selectFileTab, onMouseEnter: showTabTooltip(file.path), onMouseLeave: hideTabTooltip, onCloseTab: (0, projectHelpers_1.isFileClosable)(file.fullName, defaultFileName)
+    return ((0, jsx_runtime_1.jsxs)(dnd_1.DragDropContext, { onDragStart: (input) => onDragStart(input), onDragEnd: (result) => onDragEnd(result), children: [(0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.tabbedPanel, children: (0, jsx_runtime_1.jsxs)(react_tabs_1.Tabs, { selectedIndex: fileTabFocusIndex, onSelect: selectFileTab, children: [(0, jsx_runtime_1.jsx)(ScrollableTabBar_1.default, { tabsKey: openedFiles.map((file) => file.id).join(","), overlayContent: isMobile ? (0, jsx_runtime_1.jsx)(RunnerControls_1.default, {}) : null, showNavigationControls: !isMobile, children: (0, jsx_runtime_1.jsx)(DroppableTabList_1.default, { index: 0, children: openedFiles.map((file, fileIndex) => ((0, jsx_runtime_1.jsx)(DraggableTab_1.default, { draggableId: `file-${file.id}`, fileIndex: fileIndex, onTabClick: selectFileTab, onMouseEnter: showTabTooltip(file.path), onMouseLeave: hideTabTooltip, onCloseTab: (0, projectHelpers_1.isFileClosable)(file.fullName, defaultFileName)
                                         ? (e) => closeFileTab(e, file)
-                                        : undefined, "aria-label": file.fullName, children: [(0, jsx_runtime_1.jsxs)(Text_1.Text, { size: 12, weight: "medium", className: "tabText", ref: tabRefs.current[projectFiles.findIndex((projectFile) => projectFile.id === file.id)], children: [(0, jsx_runtime_1.jsx)(FileIcon_1.default, { ext: file.extension }), (0, projectHelpers_1.truncateFileName)(file.fullName)] }), (0, projectHelpers_1.isFileClosable)(file.fullName, defaultFileName) && ((0, jsx_runtime_1.jsx)(Button_1.default, { className: styles_module_scss_1.default.closeBtn, label: `Close ${file.fullName}`, 
-                                            // react-tabs' roving tabindex covers only the tabs.
-                                            tabIndex: fileIndex === fileTabFocusIndex ? 0 : -1, onClickHandler: (e) => closeFileTab(e, file), ButtonIcon: () => (0, jsx_runtime_1.jsx)(CloseIcon_1.default, { scaleFactor: 0.85 }) }))] }, file.id))) }) }), openedFiles.map((file) => ((0, jsx_runtime_1.jsxs)(react_tabs_1.TabPanel, { children: [(0, jsx_runtime_1.jsx)(ReadOnlyBanner_1.default, {}), (0, jsx_runtime_1.jsx)(EditorPanel_1.default, { file: file }, file.id)] }, file.id)))] }) }), tabTooltip && ((0, jsx_runtime_1.jsx)(Tooltip_1.default, { className: styles_module_scss_1.default.tabTooltip, message: tabTooltip.message, position: "bottom", size: "fit", strategy: "fixed", visible: true, style: {
+                                        : undefined, "aria-label": file.fullName, "aria-setsize": openedFiles.length, "aria-posinset": fileIndex + 1, closeControl: (0, projectHelpers_1.isFileClosable)(file.fullName, defaultFileName) ? ((0, jsx_runtime_1.jsx)(TabCloseButton_1.default, { fileName: file.fullName, isTabSelected: fileIndex === fileTabFocusIndex, onClose: (e) => closeFileTab(e, file) })) : null, children: (0, jsx_runtime_1.jsxs)(Text_1.Text, { size: 12, weight: "medium", className: "tabText", ref: tabRefs.current[projectFiles.findIndex((projectFile) => projectFile.id === file.id)], children: [(0, jsx_runtime_1.jsx)(FileIcon_1.default, { ext: file.extension }), (0, projectHelpers_1.truncateFileName)(file.fullName)] }) }, file.id))) }) }), openedFiles.map((file) => ((0, jsx_runtime_1.jsxs)(react_tabs_1.TabPanel, { children: [(0, jsx_runtime_1.jsx)(ReadOnlyBanner_1.default, {}), (0, jsx_runtime_1.jsx)(EditorPanel_1.default, { file: file }, file.id)] }, file.id)))] }) }), tabTooltip && ((0, jsx_runtime_1.jsx)(Tooltip_1.default, { className: styles_module_scss_1.default.tabTooltip, message: tabTooltip.message, position: "bottom", size: "fit", strategy: "fixed", visible: true, style: {
                     top: tabTooltip.top,
                     left: tabTooltip.left,
                     transform: "translateX(-50%)",
@@ -82255,11 +81602,20 @@ const jsx_runtime_1 = __webpack_require__(71178);
 const react_tabs_1 = __webpack_require__(60627);
 const dnd_1 = __webpack_require__(44754);
 __webpack_require__(44221);
-const DraggableTabWrapper = ({ draggableId, index, isDragDisabled = false, children, ...otherProps }) => {
+const DraggableTabWrapper = ({ draggableId, index, isDragDisabled = false, children, closeControl, 
+// The tab no longer covers the padding, so the wrapper takes the pointer.
+onClick, onMouseEnter, onMouseLeave, ...otherProps }) => {
     return ((0, jsx_runtime_1.jsx)(dnd_1.Draggable, { draggableId: draggableId, index: index, isDragDisabled: isDragDisabled, children: (provided) => {
             // The handle's own role/tabIndex would come between tablist and tab.
             const { role, tabIndex, ...dragHandleProps } = provided.dragHandleProps ?? {};
-            return ((0, jsx_runtime_1.jsx)("div", { className: "draggable-tab", role: "presentation", ref: provided.innerRef, ...provided.draggableProps, style: provided.draggableProps.style, children: (0, jsx_runtime_1.jsx)(react_tabs_1.Tab, { ...otherProps, ...dragHandleProps, children: children }) }));
+            const selectAndFocusTab = (event) => {
+                const tab = event.currentTarget.querySelector('[role="tab"]');
+                onClick?.(event);
+                // An unselected tab has no tabindex yet, so focus it once react-tabs
+                // has moved the roving index onto it.
+                requestAnimationFrame(() => tab?.focus());
+            };
+            return ((0, jsx_runtime_1.jsxs)("div", { className: `draggable-tab${otherProps.selected ? " draggable-tab--selected" : ""}`, role: "presentation", ref: provided.innerRef, onClick: selectAndFocusTab, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, ...provided.draggableProps, style: provided.draggableProps.style, children: [(0, jsx_runtime_1.jsx)(react_tabs_1.Tab, { ...otherProps, ...dragHandleProps, children: children }), closeControl] }));
         } }));
 };
 DraggableTabWrapper.tabsRole = "Tab";
@@ -82297,14 +81653,7 @@ const jsx_runtime_1 = __webpack_require__(71178);
 const projectHelpers_1 = __webpack_require__(2610);
 const Text_1 = __webpack_require__(82803);
 const FileIcon_1 = __importDefault(__webpack_require__(94028));
-const Button_1 = __importDefault(__webpack_require__(79428));
-const CloseIcon_1 = __importDefault(__webpack_require__(61193));
-const styles_module_scss_1 = __importDefault(__webpack_require__(44502));
-const FileTabHeader = ({ file, defaultFileName, onClose, }) => {
-    const fullName = (0, projectHelpers_1.getFullComponentName)(file);
-    const isClosable = (0, projectHelpers_1.isFileClosable)(fullName, defaultFileName);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(Text_1.Text, { size: 12, weight: "medium", className: "tabText", children: [(0, jsx_runtime_1.jsx)(FileIcon_1.default, { ext: file.extension }), (0, projectHelpers_1.truncateFileName)(fullName)] }), isClosable && ((0, jsx_runtime_1.jsx)(Button_1.default, { className: styles_module_scss_1.default.closeBtn, label: "close", onClickHandler: (e) => onClose(e, file.id), ButtonIcon: () => (0, jsx_runtime_1.jsx)(CloseIcon_1.default, { scaleFactor: 0.85 }) }))] }));
-};
+const FileTabHeader = ({ file }) => ((0, jsx_runtime_1.jsxs)(Text_1.Text, { size: 12, weight: "medium", className: "tabText", children: [(0, jsx_runtime_1.jsx)(FileIcon_1.default, { ext: file.extension }), (0, projectHelpers_1.truncateFileName)((0, projectHelpers_1.getFullComponentName)(file))] }));
 exports["default"] = FileTabHeader;
 
 
@@ -82333,6 +81682,28 @@ const OutputTabHeader = ({ meta }) => ((0, jsx_runtime_1.jsxs)(Text_1.Text, { si
 exports["default"] = OutputTabHeader;
 
 
+/***/ }),
+
+/***/ 79617:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+const jsx_runtime_1 = __webpack_require__(71178);
+const Button_1 = __importDefault(__webpack_require__(79428));
+const CloseIcon_1 = __importDefault(__webpack_require__(61193));
+const styles_module_scss_1 = __importDefault(__webpack_require__(44502));
+// Rendered beside the tab, never inside it: a screen reader treats the children
+// of role="tab" as presentational and will not announce a button in there.
+const TabCloseButton = ({ fileName, isTabSelected, onClose, }) => ((0, jsx_runtime_1.jsx)(Button_1.default, { className: styles_module_scss_1.default.closeBtn, label: `Close ${fileName}`, 
+    // react-tabs' roving tabindex covers only the tabs.
+    tabIndex: isTabSelected ? 0 : -1, onClickHandler: onClose, ButtonIcon: () => (0, jsx_runtime_1.jsx)(CloseIcon_1.default, { scaleFactor: 0.85 }) }));
+exports["default"] = TabCloseButton;
+
+
 /***/ }),
 
 /***/ 14802:
@@ -82374,14 +81745,14 @@ const jsx_runtime_1 = __webpack_require__(71178);
 const EditorTypes_1 = __webpack_require__(42108);
 const FileTabHeader_1 = __importDefault(__webpack_require__(72324));
 const OutputTabHeader_1 = __importDefault(__webpack_require__(88647));
-const TabHeader = ({ tab, outputMeta, projectFiles, defaultFileName, onCloseFile, }) => {
+const TabHeader = ({ tab, outputMeta, projectFiles, }) => {
     if (tab.type === EditorTypes_1.OpenedTabType.OUTPUT) {
         return (0, jsx_runtime_1.jsx)(OutputTabHeader_1.default, { meta: outputMeta[tab.outputType] });
     }
     const file = projectFiles.find((f) => f.id === tab.id);
     if (!file)
         return null;
-    return ((0, jsx_runtime_1.jsx)(FileTabHeader_1.default, { file: file, defaultFileName: defaultFileName, onClose: onCloseFile }));
+    return (0, jsx_runtime_1.jsx)(FileTabHeader_1.default, { file: file });
 };
 exports["default"] = TabHeader;
 
@@ -82479,6 +81850,7 @@ const useTabTooltip_1 = __importDefault(__webpack_require__(58149));
 const styles_module_scss_1 = __importDefault(__webpack_require__(44502));
 const DraggableTabWrapper_1 = __importDefault(__webpack_require__(46963));
 const TabbedPanel_1 = __importStar(__webpack_require__(60596));
+const TabCloseButton_1 = __importDefault(__webpack_require__(79617));
 const TabHeader_1 = __importDefault(__webpack_require__(33682));
 const TabsContainer = ({ tabs, renderOutput, outputMeta, }) => {
     const dispatch = (0, react_redux_1.useDispatch)();
@@ -82517,10 +81889,22 @@ const TabsContainer = ({ tabs, renderOutput, outputMeta, }) => {
     };
     const isTabRenderable = (tab) => tab.type === EditorTypes_1.OpenedTabType.OUTPUT ||
         projectFiles.some((f) => f.id === tab.id);
+    // Tabs whose file has gone render as nothing, so they must not be counted.
+    const renderableTabs = tabs.filter(isTabRenderable);
     const filePathForTab = (tab) => tab.type === EditorTypes_1.OpenedTabType.FILE
         ? projectFiles.find((file) => file.id === tab.id)?.path
         : undefined;
-    const tabHeader = (tab) => ((0, jsx_runtime_1.jsx)(TabHeader_1.default, { tab: tab, outputMeta: outputMeta, projectFiles: projectFiles, defaultFileName: defaultFileName, onCloseFile: handleCloseFile }));
+    const tabHeader = (tab) => ((0, jsx_runtime_1.jsx)(TabHeader_1.default, { tab: tab, outputMeta: outputMeta, projectFiles: projectFiles }));
+    const tabCloseButton = (tab, index) => {
+        if (tab.type !== EditorTypes_1.OpenedTabType.FILE)
+            return null;
+        const file = projectFiles.find((f) => f.id === tab.id);
+        const fullName = file && (0, projectHelpers_1.getFullComponentName)(file);
+        if (!file || !fullName || !(0, projectHelpers_1.isFileClosable)(fullName, defaultFileName)) {
+            return null;
+        }
+        return ((0, jsx_runtime_1.jsx)(TabCloseButton_1.default, { fileName: fullName, isTabSelected: index === focussedTabIndex, onClose: (e) => handleCloseFile(e, file.id) }));
+    };
     const renderDraggableTab = (tab, index) => {
         if (!isTabRenderable(tab))
             return null;
@@ -82528,7 +81912,7 @@ const TabsContainer = ({ tabs, renderOutput, outputMeta, }) => {
         return ((0, jsx_runtime_1.jsx)(DraggableTabWrapper_1.default, { draggableId: (0, TabbedPanel_1.tabKey)(tab), index: index, onClick: (e) => {
                 e.stopPropagation();
                 handleSelect(index);
-            }, onMouseEnter: showTabTooltip(filePath), onMouseLeave: hideTabTooltip, onFocus: showTabTooltip(filePath), onBlur: hideTabTooltip, onKeyDown: hideTabTooltip, children: tabHeader(tab) }, (0, TabbedPanel_1.tabKey)(tab)));
+            }, onMouseEnter: showTabTooltip(filePath), onMouseLeave: hideTabTooltip, onFocus: showTabTooltip(filePath), onBlur: hideTabTooltip, onKeyDown: hideTabTooltip, "aria-setsize": renderableTabs.length, "aria-posinset": renderableTabs.indexOf(tab) + 1, closeControl: tabCloseButton(tab, index), children: tabHeader(tab) }, (0, TabbedPanel_1.tabKey)(tab)));
     };
     const renderPlainTab = (tab) => {
         if (!isTabRenderable(tab))
@@ -83164,7 +82548,7 @@ const FileTreeContext_1 = __webpack_require__(5323);
 const FolderItem_1 = __webpack_require__(33348);
 const FileItem_1 = __webpack_require__(19010);
 const FileTreeItem = ({ item, guides, activeLevel, isContextMenuAvailable, }) => {
-    const { importFiles } = (0, react_1.useContext)(FileTreeContext_1.TreeContext);
+    const { importFiles, isEditing } = (0, react_1.useContext)(FileTreeContext_1.TreeContext);
     const level = item.getItemMeta().level;
     const { layers, positions, sizes } = (0, treeGuides_1.getItemGuidesStyles)(guides, activeLevel);
     const [isContextMenuOpen, setIsContextMenuOpen] = (0, react_1.useState)(false);
@@ -83183,6 +82567,8 @@ const FileTreeItem = ({ item, guides, activeLevel, isContextMenuAvailable, }) =>
         setContextMenuPosition({ x: 0, y: 0 });
         // Back to the row, not the hidden ⋯ button, and only if focus was lost.
         requestAnimationFrame(() => {
+            if (isEditing())
+                return; // the rename input owns focus, not us
             const active = document.activeElement;
             if (!active || active === document.body) {
                 item.setFocused();
@@ -83465,6 +82851,13 @@ const useFileTree = ({ projectFiles, onRename, onDrop, onOpenFile, rootId, readO
         // Rebuild tree when project files change
         tree.rebuildTree();
     }, [projectFiles, tree]);
+    // A leftover dnd state disables every hotkey; `dragend` never comes when the
+    // dragged row unmounts. Capture + microtask: their handler runs between them.
+    (0, react_2.useEffect)(() => {
+        const clearDndState = () => queueMicrotask(() => tree.applySubStateUpdate("dnd", null));
+        document.addEventListener("drop", clearDndState, true);
+        return () => document.removeEventListener("drop", clearDndState, true);
+    }, [tree]);
     return {
         tree,
         focusedItem,
@@ -83504,6 +82897,9 @@ const useFileTreeActions = () => {
     const [draft, setDraft] = (0, react_1.useState)(null);
     // A created item still waiting to be focused, once it renders in place.
     const [pendingFocusId, setPendingFocusId] = (0, react_1.useState)(null);
+    // A ref, not the state: callbacks read it before that render's effects run.
+    const draftRef = (0, react_1.useRef)(draft);
+    draftRef.current = draft;
     const openTreeFile = (0, react_1.useCallback)((id) => {
         const isTab = (tab) => tab.type === EditorTypes_1.OpenedTabType.FILE && tab.id === id;
         const fileIndex = openedTabs.findIndex(isTab);
@@ -83617,6 +83013,8 @@ const useFileTreeActions = () => {
         parentFolder.expand();
         dispatch((0, editorFsThunks_1.fsImportFiles)({ files, parentId: parentFolder.getId() }));
     }, [tree, project.rootDirId, dispatch]);
+    // A draft counts: its rename input mounts one render later.
+    const isEditing = (0, react_1.useCallback)(() => Boolean(draftRef.current) || tree.isRenamingItem(), [tree]);
     const downloadFile = (0, react_1.useCallback)((item) => {
         const data = item.getItemData();
         (0, downloadContent_1.downloadProjectFile)(data, (0, projectHelpers_1.getFullComponentName)(data));
@@ -83670,6 +83068,7 @@ const useFileTreeActions = () => {
     }, [dispatch, tree]);
     return {
         createComponent: createComponentDraft,
+        isEditing,
         cancelRenaming,
         tree,
         completeRenaming,
@@ -83712,7 +83111,7 @@ const FileTree = () => {
     const focussedFileIndex = (0, stores_1.useAppSelector)((state) => state.editor.focussedFileIndex);
     const openFiles = (0, stores_1.useAppSelector)((state) => state.editor.openedTabs);
     const isReadOnly = (0, stores_1.useAppSelector)((state) => state.editor.readOnly);
-    const { createComponent, cancelRenaming, focusedItem, setFocusedItem, tree, completeRenaming, importFiles, downloadFile, removeComponent, importFolder, } = (0, useFileTreeActions_1.useFileTreeActions)();
+    const { createComponent, cancelRenaming, focusedItem, setFocusedItem, tree, completeRenaming, isEditing, importFiles, downloadFile, removeComponent, importFolder, } = (0, useFileTreeActions_1.useFileTreeActions)();
     const treeItems = tree.getItems();
     const guidesByIndex = (0, treeGuides_1.getGuidesByIndex)(treeItems);
     const activeLevel = (0, treeGuides_1.getActiveLevel)(treeItems.find((it) => it.getId() === focusedItem) ?? null);
@@ -83756,6 +83155,7 @@ const FileTree = () => {
         createComponent,
         cancelRenaming,
         completeRenaming,
+        isEditing,
         collapseAll: tree.collapseAll,
         expandAll: tree.expandAll,
         importFiles,
@@ -84318,26 +83718,6 @@ exports.ModalTypeToComponentMap = {
 };
 
 
-/***/ }),
-
-/***/ 40068:
-/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
-
-
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", ({ value: true }));
-const jsx_runtime_1 = __webpack_require__(71178);
-const no_project_svg_1 = __importDefault(__webpack_require__(56058));
-const Button_1 = __importDefault(__webpack_require__(79428));
-const Text_1 = __webpack_require__(82803);
-const previewUrl_1 = __webpack_require__(89441);
-const styles_module_scss_1 = __importDefault(__webpack_require__(59129));
-const PreviewUnavailable = () => ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.container, children: [(0, jsx_runtime_1.jsx)(no_project_svg_1.default, { className: styles_module_scss_1.default.noProjectIcon, role: "img", "aria-label": "No project available" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { size: 20, weight: "bold", className: styles_module_scss_1.default.title, children: "Preview unavailable" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { size: 14, className: styles_module_scss_1.default.description, children: "We couldn\u2019t load a preview for this project right now." }), (0, jsx_runtime_1.jsx)(Text_1.Text, { size: 14, className: styles_module_scss_1.default.description, children: "Please try running or saving the project first, then try again." }), (0, jsx_runtime_1.jsx)(Button_1.default, { variant: "primary", buttonText: "Back to the project", className: styles_module_scss_1.default.backButton, onClickHandler: () => window.location.replace((0, previewUrl_1.buildEditorUrl)(window.location.href)) })] }));
-exports["default"] = PreviewUnavailable;
-
-
 /***/ }),
 
 /***/ 75724:
@@ -84908,11 +84288,9 @@ __webpack_require__(41882);
 const WebComponentCustomEvents_1 = __webpack_require__(53841);
 const Loading_1 = __importDefault(__webpack_require__(34466));
 const SaveBeforeLeave_1 = __webpack_require__(47318);
-const PreviewUnavailable_1 = __importDefault(__webpack_require__(40068));
 const selectors_1 = __webpack_require__(43551);
 const stores_1 = __webpack_require__(32132);
 const useHostNotification_1 = __webpack_require__(11001);
-const previewUrl_1 = __webpack_require__(89441);
 const WebComponentLoader = (props) => {
     const { locale = "en", projectNameEditable = true, readOnly = false, sidebarOptions = [], project: projectData, saveProject, isSaving, loadProjectContent, projectContent = null, starterCodeContent = null, isLoading = false, packageApiUrl, user, isCodeVisible = true, isSharedProject = false, shareLinks, isContentLoaded = null, isSaveSuccess = null, notification = null, loadTemplateProjectData, isTemplateDataLoaded = false, curriculum, } = props;
     const dispatch = (0, react_redux_1.useDispatch)();
@@ -84926,7 +84304,7 @@ const WebComponentLoader = (props) => {
     const modalWindowShowing = (0, stores_1.useAppSelector)((state) => state.editor.modalWindowShowing);
     const projectIdentifier = (0, stores_1.useAppSelector)((state) => state.editor.project?.identifier);
     const { i18n } = (0, react_i18next_1.useTranslation)();
-    const isPreviewMode = (0, previewUrl_1.isPreviewSearch)(searchParams);
+    const isPreviewMode = searchParams.get("preview") === "1";
     (0, react_1.useEffect)(() => {
         if (isPreviewMode) {
             dispatch((0, EditorSlice_1.setIsOutputOnly)(true));
@@ -84979,13 +84357,11 @@ const WebComponentLoader = (props) => {
         loadProjectContent,
         loadTemplateProjectData,
         isTemplateDataLoaded,
-        isPreviewMode,
     });
     (0, useProjectStarterCode_1.useProjectStarterCode)({
         projectData,
         starterCodeContent,
         isLoading,
-        isPreviewMode,
     });
     (0, useProjectRemix_1.useProjectRemix)({
         projectData,
@@ -85065,7 +84441,7 @@ const WebComponentLoader = (props) => {
                 theme: themeDefault,
                 fontSize: "small",
             }, children: (0, jsx_runtime_1.jsxs)("div", { id: "textjam-root", className: `editor-shell --${themeDefault}`, children: [(0, jsx_runtime_1.jsx)(WebComponentProject_1.default, { curriculumComponent: curriculum?.curriculumContent ?? null, nameEditable: projectNameEditable, sidebarOptions: sidebarOptions, packageApiUrl: packageApiUrl }), errorModalShowing && (0, jsx_runtime_1.jsx)(ErrorModal_1.default, {}), modal, shouldBlockNavigation && (0, jsx_runtime_1.jsx)(SaveBeforeLeave_1.SaveBeforeLeaveModal, {})] }) }) }));
-    const renderFailedState = () => isPreviewMode ? (0, jsx_runtime_1.jsx)(PreviewUnavailable_1.default, {}) : (0, jsx_runtime_1.jsx)("p", { children: t("webComponent.failed") });
+    const renderFailedState = () => ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("p", { children: t("webComponent.failed") }) }));
     const renderLoadingState = () => (0, jsx_runtime_1.jsx)(Loading_1.default, {});
     const isLoadingState = ![types_1.LoadingState.SUCCESS, types_1.LoadingState.FAILED].includes(loading);
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [loading === types_1.LoadingState.SUCCESS && renderSuccessState(), loading === types_1.LoadingState.FAILED && renderFailedState(), isLoadingState && renderLoadingState()] }));
@@ -85898,24 +85274,26 @@ exports.useIsMounted = useIsMounted;
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.useProject = void 0;
-const helpers_1 = __webpack_require__(59578);
 const react_1 = __webpack_require__(13327);
 const react_redux_1 = __webpack_require__(14062);
 const EditorSlice_1 = __webpack_require__(68512);
+const ProjectTypes_1 = __webpack_require__(27130);
 const stores_1 = __webpack_require__(32132);
 const projectHelpers_1 = __webpack_require__(2610);
-const projectSnapshotHelpers_1 = __webpack_require__(22390);
-const ProjectTypes_1 = __webpack_require__(27130);
 const loadProjectFromZip_1 = __webpack_require__(65404);
 const types_1 = __webpack_require__(92932);
 const useIsMounted_1 = __webpack_require__(76314);
 const useProjectCache_1 = __webpack_require__(69557);
+const helpers_1 = __webpack_require__(59578);
+const sendToast_1 = __webpack_require__(50068);
 const useUnsavedDraftResolution_1 = __webpack_require__(61171);
+const projectSnapshotHelpers_1 = __webpack_require__(22390);
 const isFinalLoadingState = (state) => state === types_1.LoadingState.SUCCESS || state === types_1.LoadingState.FAILED;
-const useProject = ({ projectData, projectContent = null, starterCodeContent = null, isContentLoaded = null, isLoading = false, loadProjectContent, loadTemplateProjectData, isTemplateDataLoaded, isPreviewMode = false, }) => {
+const useProject = ({ projectData, projectContent = null, starterCodeContent = null, isContentLoaded = null, isLoading = false, loadProjectContent, loadTemplateProjectData, isTemplateDataLoaded, }) => {
     const project = (0, stores_1.useAppSelector)((state) => state.editor.project);
     const loadingState = (0, stores_1.useAppSelector)((state) => state.editor.loading);
     const savingState = (0, stores_1.useAppSelector)((state) => state.editor.saving);
+    const isPreview = (0, stores_1.useAppSelector)((state) => state.editor.isOutputOnly);
     const commitIdLoadTriggered = (0, stores_1.useAppSelector)((state) => state.editor.commitIdLoadTriggered);
     const isLoadingCommit = (0, stores_1.useAppSelector)((state) => state.editor.isLoadingCommit);
     const saveTriggered = (0, stores_1.useAppSelector)((state) => state.editor.saveTriggered);
@@ -85989,12 +85367,12 @@ const useProject = ({ projectData, projectContent = null, starterCodeContent = n
             !shouldBypassCachedDraft &&
             (!isCurrentOutdated || isCacheNewerThanCurrentCommit);
         // for preview mode, always load current cached project
-        if (isPreviewMode) {
-            if (cachedProject) {
+        if (isPreview) {
+            if (cachedProject)
                 dispatch((0, EditorSlice_1.setProject)(cachedProject));
-            }
             else {
-                dispatch((0, EditorSlice_1.setLoading)(types_1.LoadingState.FAILED));
+                (0, sendToast_1.showError)("No project found for the preview mode");
+                dispatch((0, EditorSlice_1.setLoading)(types_1.LoadingState.SUCCESS));
             }
             return;
         }
@@ -86068,7 +85446,7 @@ const useProject = ({ projectData, projectContent = null, starterCodeContent = n
         isCacheLoaded,
         dispatch,
         commitIdLoadTriggered,
-        isPreviewMode,
+        isPreview,
         cacheKey,
         isContentLoaded,
         isTemplateDataLoaded,
@@ -86566,23 +85944,24 @@ const react_1 = __webpack_require__(13327);
 const react_redux_1 = __webpack_require__(14062);
 const EditorSlice_1 = __webpack_require__(68512);
 const stores_1 = __webpack_require__(32132);
-const projectSnapshotHelpers_1 = __webpack_require__(22390);
 const loadProjectFromZip_1 = __webpack_require__(65404);
 const types_1 = __webpack_require__(92932);
 const useIsMounted_1 = __webpack_require__(76314);
 const useProjectCache_1 = __webpack_require__(69557);
 const useUnsavedDraftResolution_1 = __webpack_require__(61171);
+const projectSnapshotHelpers_1 = __webpack_require__(22390);
 const isFinalLoadingState = (state) => state === types_1.LoadingState.SUCCESS || state === types_1.LoadingState.FAILED;
 // distinguishes "not applied yet" from a project whose cache key is undefined
 const NOT_APPLIED = Symbol("starterCodeNotApplied");
 // unpacks a starter-code zip archive and applies it as the initial project
-const useProjectStarterCode = ({ projectData, starterCodeContent = null, isLoading = false, isPreviewMode = false, }) => {
+const useProjectStarterCode = ({ projectData, starterCodeContent = null, isLoading = false, }) => {
     const dispatch = (0, react_redux_1.useDispatch)();
     const isMounted = (0, useIsMounted_1.useIsMounted)();
     const callIdRef = (0, react_1.useRef)(null);
     const appliedForCacheKeyRef = (0, react_1.useRef)(NOT_APPLIED);
     const loadingState = (0, stores_1.useAppSelector)((state) => state.editor.loading);
     const savingState = (0, stores_1.useAppSelector)((state) => state.editor.saving);
+    const isPreview = (0, stores_1.useAppSelector)((state) => state.editor.isOutputOnly);
     const commitIdLoadTriggered = (0, stores_1.useAppSelector)((state) => state.editor.commitIdLoadTriggered);
     const saveTriggered = (0, stores_1.useAppSelector)((state) => state.editor.saveTriggered);
     const projectFromStore = (0, stores_1.useAppSelector)((state) => state.editor.project);
@@ -86604,7 +85983,7 @@ const useProjectStarterCode = ({ projectData, starterCodeContent = null, isLoadi
         // another source of project content already owns this load
         const hasConflictingOperation = !!commitIdLoadTriggered ||
             !!projectData.commitId ||
-            isPreviewMode ||
+            isPreview ||
             saveTriggered ||
             savingState === types_1.SavingState.PROCESS;
         // a cached draft, or a project that already finished loading, must not be
@@ -86664,7 +86043,7 @@ const useProjectStarterCode = ({ projectData, starterCodeContent = null, isLoadi
         cacheKey,
         cachedProject,
         commitIdLoadTriggered,
-        isPreviewMode,
+        isPreview,
         loadingState,
         savingState,
         saveTriggered,
@@ -88809,29 +88188,6 @@ const filterOutMacSystemFiles = (files) => Array.from(files).filter((file) => !(
 exports.filterOutMacSystemFiles = filterOutMacSystemFiles;
 
 
-/***/ }),
-
-/***/ 89441:
-/***/ ((__unused_webpack_module, exports) => {
-
-
-Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.buildEditorUrl = exports.isPreviewSearch = exports.PAGE_PARAM = exports.PREVIEW_PARAM = void 0;
-exports.PREVIEW_PARAM = "preview";
-exports.PAGE_PARAM = "page";
-// A standalone preview view is flagged by `?preview=1` in the URL.
-const isPreviewSearch = (params) => params.get(exports.PREVIEW_PARAM) === "1";
-exports.isPreviewSearch = isPreviewSearch;
-// Drops the preview flags so the URL points at the project in the editor
-const buildEditorUrl = (href) => {
-    const url = new URL(href);
-    url.searchParams.delete(exports.PREVIEW_PARAM);
-    url.searchParams.delete(exports.PAGE_PARAM);
-    return url.toString();
-};
-exports.buildEditorUrl = buildEditorUrl;
-
-
 /***/ }),
 
 /***/ 3044: